js正则表达式验证

最新推荐文章于 2024-12-28 23:40:53 发布

原创最新推荐文章于 2024-12-28 23:40:53 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

web开发专栏收录该内容

29 篇文章

订阅专栏

写在前面的话

这段废话后面是自己收集整理过后的，值得收藏，挺有用的，上午写的一个登录验证用上了。一般的表单验证直接放在了前台进行处理，这样减轻了浏览器对服务端的请求，减少了服务端代码的逻辑，把得到的有效数据再与数据库交互。

js正则表达式验证test() 匹配match()。此外还需要注意，判空的时候，要注意null、undefined和”,之间的区别。null是object类型，值就只有null，null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。;undefined是undefined类型，当声明的变量还未被初始化时，变量的默认值为undefined。；”是string类型，是对字符的判空。

表达式分析

“/”代表一个正则表达式。
“^”代表字符串的开始位置，“$”代表字符串的结束位置。
“?”代表匹配前面的字符一个或零个，所以这里0?的意思是手机号码可以以0开头或不以0开头。
小括号括起来的代表一个子表达式，里面是4个可选分支分别用“|”来区分开来，在正则中“|”的优先级是最低的，这里每个分支匹配的都是3个字符（一个[]只能匹配一个字符，里面是可选的意思），也就是手机号码的前3位数字，那么后面还有8位数字需要匹配，可以是0-9的任意字符，所以是“[0-9]{8}”，{}中的数字代表匹配前面字符的个数。

常用正则表达式

验证IP：/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;

验证EMAIL：/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;

验证日期格式：2009-07-13 /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

Phone : /^(((\d{2,3}))|(\d{3}-))?((0\d{2,3})|0\d{2,3}-)?[1-9]\d{6,7}(-\d{1,4})?$/

Mobile : /^(((\d{2,3}))|(\d{3}-))?13\d{9}$/

Url : /^http:\/\/[A-Za-z0-9]+.[A-Za-z0-9]+[\/=\?%-&_~`@[]\’:+!]([^<>\”\”])$/

IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/

QQ : /^[1-9]\d{4,8}$/

验证数字：^[0-9]*$

验证n位的数字：^\d{n}$

验证至少n位数字：^\d{n,}$

验证m-n位的数字：^\d{m,n}$

验证零和非零开头的数字：^(0|[1-9][0-9]*)$

验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$

验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$

验证非零的正整数：^+?[1-9][0-9]*$

验证非零的负整数：^-[1-9][0-9]*$

验证非负整数（正整数 + 0） ^\d+$

验证非正整数（负整数 + 0） ^((-\d+)|(0+))$

验证长度为3的字符：^.{3}$

验证由26个英文字母组成的字符串：^[A-Za-z]+$

验证由26个大写英文字母组成的字符串：^[A-Z]+$

验证由26个小写英文字母组成的字符串：^[a-z]+$

验证由数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$

验证由数字、26个英文字母或者下划线组成的字符串：^\w+$

验证用户名或昵称经常用到: ^[\u4e00-\u9fa5A-Za-z0-9-_]*$ 只能中英文，数字，下划线，减号

验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为：以字母开头，长度在6-18之间，只能包含字符、数字和下划线。

验证是否含有 ^%&’,;=? $\" 等字符：[^%&',;=?$ \x22]+

验证汉字：^[\u4e00-\u9fa5],{0,}$

验证Email地址：^\w+[-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$

验证InternetURL：^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]*)? $；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$

验证电话号码：^((\d{3,4})|\d{3,4}-)?\d{7,8}$：–正确格式为：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。

验证身份证号（15位或18位数字）：^\d{15}|\d{}18$

验证一年的12个月：^(0?[1-9]|1[0-2])$ 正确格式为：“01”-“09”和“1”“12”

验证一个月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为：01、09和1、31。

整数：^-?\d+$

非负浮点数（正浮点数 + 0）：^\d+(.\d+)?$

正浮点数 ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$

非正浮点数（负浮点数 + 0） ^((-\d+(.\d+)?)|(0+(.0+)?))$

负浮点数 ^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$

浮点数 ^(-?\d+)(.\d+)?$

例子

/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } }
//判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型 function IsDateTime(){ var str = document.getElementById('str').value.trim(); if(str.length!=0){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if(r==null) alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! } }
//判断日期类型是否为hh:mm:ss格式的类型 function IsTime() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^((20|21|22|23|[0-1]\d):[0-5][0-9])(:[0-5][0-9])?$/ if(!reg.test(str)){ alert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称! } } }
//判断输入的字符是否为英文字母 function IsLetter() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[a-zA-Z]+$/; if(!reg.test(str)){ alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称! } } }
//判断输入的字符是否为整数 function IsInteger() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-+]?\d*$/; if(!reg.test(str)){ alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！ } } }
//判断输入的字符是否为双精度 function IsDouble(val) { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-\+]?\d+(\.\d+)?$/; if(!reg.test(str)){ alert("对不起，您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称！ } } }
//判断输入的字符是否为:a-z,A-Z,0-9 function IsString() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[a-zA-Z0-9_]+$/; if(!reg.test(str)){ alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ } } }
//判断输入的字符是否为中文 function IsChinese() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[\u0391-\uFFE5]+$/; if(!reg.test(str)){ alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ } } }
//判断输入的EMAIL格式是否正确 function IsEmail() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!reg.test(str)){ alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ } } }
//判断输入的邮编(只能为六位)是否正确 function IsZIP() { var str = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^\d{6}$/; if(!reg.test(str)){ alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ } } }
//判断输入的数字不大于某个特定的数字 function MaxValue() { var val = document.getElementById('str').value.trim(); if(str.length!=0){ reg=/^[-+]?\d*$/; if(!reg.test(str)){//判断是否为数字类型 if(val>parseInt('123')) //“123”为自己设定的最大值 { alert('对不起，您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称！ } } } }

function checkusername(){
  var pc=document.pcform.username.value;
  var date=document.pcform.password.value;
var reg = /^[\u4e00-\u9fa5A-Za-z0-9-_]*$/;   //不能出现单引号、双引号
if(pc==''||!reg.test(pc)){
    alert("用户名不为空,且格式不正确");
    return false;
}
if(pc.length<3){
    alert("用户名长度必须大于位数3");
    return false;
  }
  if(pc.length>9){
    alert("用户名长度必须小于位数9");
    return false;
  }
if(date==''||!reg.test(date)){
    alert("密码不为空,且格式不正确");
    return false;
}
if(date.length<3){
    alert("密码长度必须大于位数3");
    return false;
  }
  if(date.length>9){
    alert("密码长度必须小于位数9");
    return false;
  }

  return true;

  }