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.Jcrop的头像编辑器
Mar 01 Javascript
Jquery异步请求数据实例代码
Dec 28 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
js读写json文件实例代码
Oct 21 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
微信小程序:数据存储、传值、取值详解
May 07 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
PHP+ACCESS 文章管理程序代码
2010/06/21 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
2013/04/23 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
python实现超级玛丽游戏
2020/03/18 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
python中pow函数用法及功能说明
2020/12/04 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
小班重阳节活动方案
2014/02/08 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
投标保密承诺书
2014/05/19 职场文书
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL
解析Java异步之call future
2021/06/14 Java/Android
SQL Server表分区删除详情
2021/10/16 SQL Server