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面向对象之Prototypes和继承
Jul 12 Javascript
Extjs4 类的定义和扩展实例
Jun 28 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 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
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
初识PHP
2014/09/28 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
用js得到网页中所有的div的id
2020/10/19 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
javascript 计算两个整数的百分比值
2009/12/26 Javascript
javascript代码编写需要注意的7个小细节小结
2011/09/21 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
js简单抽奖代码
2015/01/16 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
用Python PIL实现几个简单的图片特效
2019/01/18 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
keras实现图像预处理并生成一个generator的案例
2020/06/17 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
工商技校毕业生自荐信
2013/11/15 职场文书
开办化妆品公司创业计划书
2013/12/26 职场文书
银行工作检查书范文
2014/01/31 职场文书
简单的项目建议书模板
2014/03/12 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
Django程序的优化技巧
2021/04/29 Python
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js