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 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
jQuery导航条固定定位效果实例代码
May 26 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 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
漂亮但不安全的CTB
2006/10/09 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
Smarty变量用法详解
2016/05/11 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
jQuery之ajax删除详解
2014/02/27 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
python正则表达式判断字符串是否是全部小写示例
2013/12/25 Python
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
python 使用get_argument获取url query参数
2017/04/28 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
诚信的演讲稿范文
2014/05/12 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
运动会开幕式主持词
2015/07/01 职场文书
golang 语言中错误处理机制
2021/08/30 Golang