JS表单数据验证的正则表达式(常用)


Posted in Javascript onFebruary 18, 2017

常用的验证方法:

checkUserNameflag=false; 
 checkPasswordflag=false; 
 checkPasswordAgianflag=false; 
 checkEmailflag=false; 
// 用户名校验 
function checkUserName() { 
 var username = $("userNeme").value; 
 var zz = /^[A-Za-z0-9]{6,}$/; 
 if (!zz.test(username)) { 
  $("userName_warn").innerHTML = " × 用户名不符合规范"; 
  checkUserNameflag=false; 
 } else { 
  /*$("userName_warn").style.color='blue'; 
  $("userName_warn").innerHTML = "√ 用户名可用";*/ 
  showUserExist(username); 
  checkUserNameflag=true; 
 } 
} 
//重置提示 
function resetWarn(){ 
 $("userName_warn").innerHTML=""; 
 $("email_warn").innerHTML=""; 
 $("password_warn").innerHTML=""; 
 $("Repassword_warn").innerHTML=""; 
} 
// 密码校验 
function checkPassword() { 
 var password1 = $("password").value; 
 if (password1.length >= 6 && password1.length <= 15) { 
  checkPasswordflag = true; 
  $("password_warn").style.color='blue'; 
  $("password_warn").innerHTML = " √ 密码可用 "; 
  checkAgianMiMa(); 
 } else { 
  checkPasswordflag = false; 
  $("password_warn").innerHTML = " × 密码至少为 6 个字符 "; 
 } 
} 
function checkPasswordAgian() { 
 var password1 = $("password").value; 
 var password2 = $("rePassword").value; 
 if (password1 == password2) { 
  if (password1 == "") { 
   $("Repassword_warn").innerHTML = " × 请输入密码 "; 
   checkPasswordAgianflag = false; 
   return; 
  } 
  $("Repassword_warn").style.color='blue'; 
  $("Repassword_warn").innerHTML = "√ 重复输入密码正确"; 
  checkPasswordAgianflag = true; 
 } else { 
  checkPasswordAgianflag = false; 
  $("Repassword_warn").innerHTML = " × 两次密码输入不同 "; 
 } 
} 
function checkEmail(){ 
 //对电子邮件的验证 
  var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
  var email=$("email").value; 
  if(!myreg.test(email)){ 
   checkEmailflag=false; 
    $("email_warn").style.color='red'; 
   $("email_warn").innerHTML = " × 邮箱格式不符合规范"; 
  } else { 
   checkEmailflag=true; 
   $("email_warn").style.color='blue'; 
   $("email_warn").innerHTML = "√ 邮箱格式正确"; 
  } 
} 
function submitCheck(){ 
 alert(checkUserNameflag); 
 if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false 
   ||checkPasswordAgianflag==false || checkEmailflag==false){ 
  return; 
 } 
} 
function $(id){ 
 return document.getElementById(id); 
}

js正则表达式--验证表单

检测手机号码:/0?(13|14|15|18)[0-9]{9}/

检测用户名:(数字,英文,汉字,下划线,中横线):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/

密码:(数字,英文,下划线,中横线)/^[A-Za-z0-9_-]+$/

身份证:/\d{17}[\d|x]|\d{15}/

非空:/^\S+$/

IP地址:/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/

以上所述是小编给大家介绍的JS表单数据验证的正则表达式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery DIV弹出效果实现代码
Jul 03 Javascript
javascript 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
JavaScript获取各大浏览器信息图示
Nov 20 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
浅谈原生JS中的延迟脚本和异步脚本
Jul 12 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 #Javascript
JS设置时间无效问题的解决办法
Feb 18 #Javascript
js的OOP继承实现(必看篇)
Feb 18 #Javascript
jQuery仿IOS弹出框插件
Feb 18 #Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 #Javascript
angular ng-repeat数组中的数组实例
Feb 18 #Javascript
js Canvas绘制圆形时钟效果
Feb 17 #Javascript
You might like
打造计数器DIY三步曲(下)
2006/10/09 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
Maps Javascript
2007/01/22 Javascript
jQuery使用手册之一
2007/03/24 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
JS建造者模式基本用法实例分析
2015/06/30 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
解决html input验证只能输入数字,不能输入其他的问题
2017/07/21 Javascript
JS打印彩色菱形的实例代码
2018/08/15 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
2018/12/03 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
简单易懂的python环境安装教程
2017/07/13 Python
Python实现翻转数组功能示例
2018/01/12 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
使用python实现对元素的长截图功能
2019/11/14 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
学前教育求职自荐信范文
2013/12/25 职场文书
中专生自我鉴定书范文
2013/12/28 职场文书
趣味体育活动方案
2014/02/08 职场文书
公司会议策划方案
2014/05/17 职场文书
法学院毕业生求职信
2014/06/25 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
教师个人发展总结
2015/02/11 职场文书
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python
MySQL 十大常用字符串函数详解
2021/06/30 MySQL