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 相关文章推荐
参考:关于Javascript中实现暂停的几篇文章
Mar 04 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
node创建Vue项目步骤详解
Mar 06 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
全面解析PHP验证码的实现原理 附php验证码小案例
2016/08/17 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
Yii框架的redis命令使用方法简单示例
2019/10/15 PHP
js图片处理示例代码
2014/05/12 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
JavaScript编写一个贪吃蛇游戏
2017/03/09 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
vue-cli点击实现全屏功能
2020/03/07 Javascript
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
python单元测试unittest实例详解
2015/05/11 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python出现segfault错误解决方法
2016/04/16 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Python中Selenium模块的使用详解
2020/10/09 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
食品安全工作实施方案
2014/03/26 职场文书
新农村建设汇报材料
2014/08/15 职场文书
钳工实训报告总结
2014/11/04 职场文书
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS