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 解析json的代码
Dec 16 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
webpack3之loader全解析
Oct 26 Javascript
详解如何webpack使用DllPlugin
Sep 30 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
如何使用CocosCreator对象池
Apr 14 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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
phpwind中的数据库操作类
2007/01/02 PHP
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
js中的replace方法使用介绍
2013/10/28 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
浅谈重写window对象的方法
2014/12/29 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
JS常用字符串方法(推荐)
2021/01/15 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
Python二叉搜索树与双向链表转换实现方法
2016/04/29 Python
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
Python中str.join()简单用法示例
2018/03/20 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
PyQt5下拉式复选框QComboCheckBox的实例
2019/06/25 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
python关于变量名的基础知识点
2020/03/03 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
python Cartopy的基础使用详解
2020/11/01 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
html5清空画布方法(三种)
2017/10/16 HTML / CSS
Puritan’s Pride(普丽普莱)官方网站:美国最大最全的保健品公司之一
2016/10/23 全球购物
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
文秘专业个人求职信
2013/12/22 职场文书
日语专业个人求职信范文
2014/02/02 职场文书
施工安全协议书范本
2014/09/26 职场文书