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在事件监听方面的兼容性小结
Apr 07 Javascript
jquery中eq和get的区别与使用方法
Apr 14 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
Jul 28 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 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
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
2013/08/14 Javascript
js控制table合并具体实现
2014/02/20 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
详解JavaScript中操作符和表达式
2018/09/12 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
Python高级特性与几种函数的讲解
2019/03/08 Python
Python如何实现转换URL详解
2019/07/02 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
Collection和Collections的区别
2016/05/02 面试题
介绍一下linux的文件权限
2014/07/20 面试题
小学三八妇女节活动方案
2014/03/16 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
销售求职信范文
2014/05/26 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
AJAX实现指定部分页面刷新效果
2021/10/16 Javascript
python实现层次聚类的方法
2021/11/01 Python
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python