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 相关文章推荐
ExtJS 设置级联菜单的默认值
Jun 13 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
canvas实现环形进度条效果
Mar 23 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 Javascript
JavaScript实现图片放大预览效果
Nov 02 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 不同编码下的字符串长度区分
2009/09/26 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
jQuery分别获取选中的复选框值的示例
2014/06/17 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
bootstrap table小案例
2016/10/21 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
机器学习python实战之手写数字识别
2017/11/01 Python
Python解决八皇后问题示例
2018/04/22 Python
Python实现的质因式分解算法示例
2018/05/03 Python
在Python中定义一个常量的方法
2018/11/10 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python编写微信公众号首图思路详解
2019/12/13 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
解释下面关于J2EE的名词
2013/11/15 面试题
机修工岗位职责
2013/11/24 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
考研经验交流会策划书
2015/11/02 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
Python实现机器学习算法的分类
2021/06/03 Python
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL