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中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
js获取滚动距离的方法
May 30 Javascript
js实现表单Radio切换效果的方法
Aug 17 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
Nov 01 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 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
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
js获取Get值的方法
2016/09/29 Javascript
Vue.js双向绑定操作技巧(初级入门)
2016/12/27 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
CSS3 简写animation
2012/05/10 HTML / CSS
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
二手书店创业计划书
2014/01/16 职场文书
毕业生自荐书
2014/02/03 职场文书
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
数控专业毕业生自荐信范文
2014/03/04 职场文书
食品安全处置方案
2014/06/14 职场文书
文员岗位职责范本
2015/04/16 职场文书
社区宣传标语口号
2015/12/26 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书
pycharm代码删除恢复的方法
2021/06/26 Python
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android