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:^https://([\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+)?$

例子

1.

//判斷輸入內容是否為空    
function IsNull(){    
    var str = document.getElementById('str').value.trim();    
    if(str.length==0){    
        alert('對不起,文本框不能為空或者為空格!');//請將“文本框”改成你需要驗證的屬性名稱!    
    }    
}

2.

//判斷日期類型是否為YYYY-MM-DD格式的類型    
function IsDate(){     
    var str = document.getElementById('str').value.trim();    
    if(str.length!=0){    
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;     
        var r = str.match(reg);     
        if(r==null)    
            alert('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!    
        }    
}

3.

//判斷日期類型是否為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('對不起,您輸入的日期格式不正確!'); //請將“日期”改成你需要驗證的屬性名稱!    
    }    
}

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;

  }

發佈留言