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的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
canvas红包照片实例分享
Feb 28 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
PHP生成静态HTML文档实现代码
2016/06/23 PHP
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python-视频分帧&amp;多帧合成视频实例
2019/12/10 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
python使用Geany编辑器配置方法
2020/02/21 Python
python如何爬取动态网站
2020/09/09 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
苹果音乐订阅:Apple Music
2018/08/02 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
英文求职信结束语大全
2013/10/26 职场文书
语文教研活动总结
2014/07/02 职场文书
相亲活动方案
2014/08/26 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫