js正则表达式验证

写在前面的话

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

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-./?%&=]*)? [azAz]+://(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+)?$

例子

  1. /判断输入内容是否为空
    function IsNull(){
    var str = document.getElementById('str').value.trim();
    if(str.length==0){
    alert('对不起,文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称!
    }
    }
  2. //判断日期类型是否为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('对不起,您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称!
    }
    }
  3. //判断日期类型是否为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("对不起,您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称!
    }
    }
    }
  4. //判断输入的字符是否为英文字母
    function IsLetter()
    {
    var str = document.getElementById('str').value.trim();
    if(str.length!=0){
    reg=/^[a-zA-Z]+$/;
    if(!reg.test(str)){
    alert("对不起,您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称!
    }
    }
    }
  5. //判断输入的字符是否为整数
    function IsInteger()
    {
    var str = document.getElementById('str').value.trim();
    if(str.length!=0){
    reg=/^[-+]?\d*$/;
    if(!reg.test(str)){
    alert("对不起,您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称!
    }
    }
    }
  6. //判断输入的字符是否为双精度
    function IsDouble(val)
    {
    var str = document.getElementById('str').value.trim();
    if(str.length!=0){
    reg=/^[-\+]?\d+(\.\d+)?$/;
    if(!reg.test(str)){
    alert("对不起,您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称!
    }
    }
    }
  7. //判断输入的字符是否为: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("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称!
    }
    }
    }

  8. //判断输入的字符是否为中文
    function IsChinese()
    {
    var str = document.getElementById('str').value.trim();
    if(str.length!=0){
    reg=/^[\u0391-\uFFE5]+$/;
    if(!reg.test(str)){
    alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称!
    }
    }
    }

  9. //判断输入的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("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称!
    }
    }
    }
  10. //判断输入的邮编(只能为六位)是否正确
    function IsZIP()
    {
    var str = document.getElementById('str').value.trim();
    if(str.length!=0){
    reg=/^\d{6}$/;
    if(!reg.test(str)){
    alert("对不起,您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称!
    }
    }
    }
  11. //判断输入的数字不大于某个特定的数字
    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;

  }

不要脸的说下,收集整理的常用正则主要是这篇博客http://www.cnblogs.com/hai-ping/articles/2997538.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值