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 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
javascript基本类型详解
Nov 28 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
动态加载js文件简单示例
Apr 21 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
微信小程序sessionid不一致问题解决
Aug 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 curl选项列表(超详细)
2013/07/01 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
PHP6连接SQLServer2005的三部曲
2016/04/15 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
Vue SSR 组件加载问题
2018/05/02 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
聊聊Python中的pypy
2018/01/12 Python
python实现俄罗斯方块
2018/06/26 Python
在matplotlib的图中设置中文标签的方法
2018/12/13 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
中式结婚主持词
2014/03/14 职场文书
啦啦队口号大全
2014/06/16 职场文书
2015年考研复习计划
2015/01/19 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
一文读懂navicat for mysql基础知识
2021/05/31 MySQL
OpenCV-Python实现油画效果的实例
2021/06/08 Python