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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
url 特殊字符 传递参数解决方法
Jan 01 Javascript
JavaScript toFixed() 方法
Apr 15 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
微信小程序+云开发实现欢迎登录注册
May 24 Javascript
Vue绑定用户接口实现代码示例
Nov 04 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无限分类源码分享(思路不错)
2011/10/13 PHP
zend Framework中的Layout(模块化得布局)详解
2013/06/28 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
linux下php上传文件注意事项
2016/06/11 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
php封装一个异常的处理类
2017/06/08 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
JS学习之一个简易的日历控件
2010/03/24 Javascript
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
jQuery实用技巧必备(下)
2015/11/03 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
Vue组件的使用及个人理解与介绍
2019/02/09 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
跟老齐学Python之折腾一下目录
2014/10/24 Python
python自定义类并使用的方法
2015/05/07 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
python 变量初始化空列表的例子
2019/11/28 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
集团公司人力资源部岗位职责
2014/01/03 职场文书
自我评价格式
2014/01/06 职场文书
办理暂住证介绍信
2014/01/11 职场文书
挂职自我鉴定
2014/02/26 职场文书
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript