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 相关文章推荐
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
jQuery插件expander实现图片翻转特效
May 21 Javascript
javascript控制台详解
Jun 25 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
js中的闭包学习心得
Feb 06 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 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
在JavaScript中调用php程序
2009/03/09 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
JavaScript判断微信浏览器实例代码
2016/06/13 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
Python最小二乘法矩阵
2019/01/02 Python
python对csv文件追加写入列的方法
2019/08/01 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python list多级排序知识点总结
2019/10/23 Python
Django 自动生成api接口文档教程
2019/11/19 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
优秀的茶餐厅创业计划书
2014/01/03 职场文书
计划生育标语
2014/06/23 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
教务处教学工作总结
2015/08/10 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
python可视化之颜色映射详解
2021/09/15 Python