js正則表達式驗證的示例分析

這篇文章主要為大家展示了“js正則表達式驗證的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“js正則表達式驗證的示例分析”這篇文章吧。

以下函數調用方式：   

function check() 
{ 
var bb = document.getElementById("txt_id").value;//txt_id為文本框的ID  
alert(ismobile(bb));//ismobile 代表以下任何一個函數名稱 }

HTML代碼：  

<input type="text" name="textfield" id="txt_id" /> 
<input type="submit" name="Submit" value="提交" onclick="check()" />

**************************

/// 判斷輸入是否是一個由 0-9 / A-Z / a-z 組成的字符串

function isalphanumber(str){ 


var result=str.match(/^[a-zA-Z0-9]+$/); 
if(result==null) return false; 
return true;
}

/**************************

// 判斷輸入是否是一個數字--(數字包含小數)--

function isnumber(str)
{
 return !isNaN(str);
}

// 判斷輸入是否是一個整數

function isint(str)
{
 var result=str.match(/^(-|\+)?\d+$/);
 if(result==null) return false;
 return true;
}

// 判斷輸入是否是有效的長日期格式 -

"YYYY-MM-DD HH:MM:SS" || "YYYY/MM/DD HH:MM:SS"


function isdatetime(str)
{
 var result=str.match(/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
 if(result==null) return false;
 var d= new Date(result[1], result[3]-1, result[4], result[5], result[6], result[7]);
 return (d.getFullYear()==result[1]&&(d.getMonth()+1)==result[3]&&d.getDate()==result[4]&&d.getHours()==result[5]&&d.getMinutes()==result[6]&&d.getSeconds()==result[7]);
}

// 檢查是否為 YYYY-MM-DD || YYYY/MM/DD 的日期格式

function isdate(str){
 var result=str.match(/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
 if(result==null) return false;
 var d=new Date(result[1], result[3]-1, result[4]);
 return (d.getFullYear()==result[1] && d.getMonth()+1==result[3] && d.getDate()==result[4]);
}

// 判斷輸入是否是有效的電子郵件

function isemail(str)
{
 var result=str.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/);
 if(result==null) return false;
 return true;
}

// 去除字符串的首尾的空格

function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}

// 返回字符串的實際長度, 一個漢字算2個長度

function strlen(str){
 return str.replace(/[^\x00-\xff]/g, "**").length;
}

//匹配中國郵政編碼(6位)

function ispostcode(str)
{
 var result=str.match(/[1-9]\d{5}(?!\d)/);
 if(result==null) return false;
 return true;
}

//匹配國內電話號碼(0511-4405222 或 021-87888822)

function istell(str)
{
 var result=str.match(/\d{3}-\d{8}|\d{4}-\d{7}/);
 if(result==null) return false;
 return true;
}

//校驗是否為(0-10000)的整數

function isint1(str)
{
 var result=str.match(/^[0-9]$|^([1-9])([0-9]){0,3}$|^10000$/);
 if(result==null) return false;
 return true;
}

//匹配騰訊QQ號

function isqq(str)
{
 var result=str.match(/[1-9][0-9]{4,}/);
 if(result==null) return false;
 return true;
}

//匹配身份證(15位或18位)

function isidcard(str)
{
 var result=str.match(/\d{15}|\d{18}/);
 if(result==null) return false;
 return true;
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//校驗文本是否為空

function checknull(field,sval)
{
 if (field.value =="")
  {
  alert("請填寫" + sval + "！");
  field.focus();
  return false;
  }
  return true;
}

//屏蔽輸入字符

/***********************

調用方法：    

    在文本框中加上 onkeypress="return checkChar()"

*************************/

function checkChar()
{ 
 var keycode = event.keyCode;
 if(!(keycode>=48&&keycode<=57))
 {
  return false;
 }
}

/***************************************************************************************************************************

中國電話號碼驗證

匹配形式如:0511-4405222 或者021-87888822 或者 021-44055520-555 或者 (0511)4405222

正則表達式 "((d{3,4})|d{3,4}-)?d{7,8}(-d{3})*"

中國郵政編碼驗證

匹配形式如:215421

正則表達式 "d{6}"

電子郵件驗證

匹配形式如:justali@justdn.com

正則表達式 "w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*"

身份證驗證

匹配形式如:15位或者18位身份證

正則表達式 "d{18}|d{15}"

常用數字驗證

正則表達式

"d{n}" n為規定長度

"d{n,m}" n到m的長度范圍

非法字符驗證

匹配非法字符如:< > & / ' |

正則表達式 [^<>&/|'\]+

日期驗證

匹配形式如:20030718,030718

范圍:1900--2099

正則表達式((((19){1}|(20){1})d{2})|d{2})[01]{1}d{1}[0-3]{1}d{1}

匹配中文字符的正則表達式： [\u4e00-\u9fa5]

評注：匹配中文還真是個頭疼的事，有了這個表達式就好辦了

匹配雙字節字符(包括漢字在內)：[^\x00-\xff]

評注：可以用來計算字符串的長度（一個雙字節字符長度計2，ASCII字符計1）

匹配空白行的正則表達式：\n\s*\r

評注：可以用來刪除空白行

匹配HTML標記的正則表達式：< (\S*?)[^>]*>.*?|< .*? />

評注：網上流傳的版本太糟糕，上面這個也僅僅能匹配部分，對于復雜的嵌套標記依舊無能為力

匹配首尾空白字符的正則表達式：^\s*|\s*$

評注：可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式

匹配Email地址的正則表達式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

評注：表單驗證時很實用

匹配網址URL的正則表達式：[a-zA-z]+://[^\s]*

評注：網上流傳的版本功能很有限，上面這個基本可以滿足需求

匹配帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

評注：表單驗證時很實用

匹配國內電話號碼：\d{3}-\d{8}|\d{4}-\d{7}

評注：匹配形式如 0511-4405222 或 021-87888822

匹配騰訊QQ號：[1-9][0-9]{4,}

評注：騰訊QQ號從10000開始

匹配中國郵政編碼：[1-9]\d{5}(?!\d)

評注：中國郵政編碼為6位數字

匹配身份證：\d{15}|\d{18}

評注：中國的身份證為15位或18位

匹配ip地址：\d+\.\d+\.\d+\.\d+

評注：提取ip地址時有用

提取信息中的ip地址:

(\d+)\.(\d+)\.(\d+)\.(\d+)  

提取信息中的中國手機號碼:

(86)*0*13\d{9}  

提取信息中的中國固定電話號碼:

(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}  

提取信息中的中國電話號碼（包括移動和固定電話）:

(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}  

提取信息中的中國郵政編碼:

[1-9]{1}(\d+){5}  

提取信息中的中國身份證號碼:

\d{18}|\d{15}  

提取信息中的整數：

\d+  

提取信息中的浮點數（即小數）：

(-?\d*)\.?\d+  

提取信息中的任何數字 ：

(-?\d*)(\.\d+)?

提取信息中的中文字符串：

[\u4e00-\u9fa5]*  

提取信息中的雙字節字符串 (漢字)：

[^\x00-\xff]*

提取信息中的英文字符串：

\w*

提取信息中的網絡鏈接:

(h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)? 

提取信息中的郵件地址:

\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

提取信息中的圖片鏈接:

(s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?

匹配特定數字：

^[1-9]\d*$　 　 //匹配正整數

^-[1-9]\d*$ 　 //匹配負整數

^-?[1-9]\d*$　　 //匹配整數

^[1-9]\d*|0$　 //匹配非負整數（正整數 + 0）

^-[1-9]\d*|0$　　 //匹配非正整數（負整數 + 0）

^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮點數

^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配負浮點數

^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮點數

^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非負浮點數（正浮點數 + 0）

^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮點數（負浮點數 + 0）

評注：處理大量數據時有用，具體應用時注意修正

匹配特定字符串：

^[A-Za-z]+$　　//匹配由26個英文字母組成的字符串

^[A-Z]+$　　//匹配由26個英文字母的大寫組成的字符串

^[a-z]+$　　//匹配由26個英文字母的小寫組成的字符串

^[A-Za-z0-9]+$　　//匹配由數字和26個英文字母組成的字符串

^\w+$　　//匹配由數字、26個英文字母或者下劃線組成的字符串

評注：最基本也是最常用的一些表達式

////////////////////前4行程序用于保護js代碼不被下載

// ////////////////////基本正則表達式///////////////////

//非空驗證

function NotNull (str) { return (str!=""); }

//郵件地址驗證

function checkEmail (str) {

 //郵件地址正則表達式

isEmail1=/^\w+([\.\-]\w+)*\@\w+([\.\-]\w+)*\.\w+$/;

//郵件地址正則表達式

isEmail2=/^.*@[^_]*$/;

//驗證郵件地址，返回結果

return (isEmail1.test(str)&&isEmail2.test(str)); }

//身份證驗證

function checkIDCard (str) {

//身份證正則表達式(15位)   

 isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;

 //身份證正則表達式(18位)

isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;

//驗證身份證，返回結果

return (isIDCard1.test(str)||isIDCard2.test(str)); }

//IP驗證

function checkIP (str) {

//IP正則表達式

IP='(25[0-5]|2[0-4]\\d|1\\d\\d|\\d\\d|\\d)'; 


IPdot=IP+'\\.'; isIPaddress=new RegExp('^'+IPdot+IPdot+IPdot+IP+'$');

 //驗證IP，返回結果

return (isIPaddress.test(str)); }

//主頁（網址）驗證

function checkHomepage (str) {

 //主頁正則表達式

//isHomepage=/^\w+([\.\-]\w)*$/; isHomepage=/^\w+(\.\w+)+\.\w+$/;

 //驗證主頁，返回結果

return (isHomepage.test(str)); }

 //是否數字

 function isNum (str) { //isNumber=/^([1-9]\d*(\.\d+)?)|(\d+(\.\d+))$/; isNumber=/^\d+(\.\d+)?$/;

//驗證并返回結果

return (isNumber.test(str)); }

 //是否整數

 function isInt (str) { isInteger=/^\d+$/;

//驗證并返回結果

 return (isInteger.test(str)); }

//是否字母

 function isChar (str) { isCharacter=/^[A-Za-z]+$/;

 //驗證并返回結果

return (isCharacter.test(str)); }

            /////////////////////基本彈出窗口/////////////////// 

            function checkBoolean(bv,i,w) { if(bv==false) { try{i.focus();}catch(e){} alert(w); return false; } return true } 

            ////////////////////元素和取值判斷//////////////////// // 

            已選擇

function checkElement_selected(item,alert_str) { 

if(item.type=="select-one")return checkElement_NotNull(item,alert_str); 

if(alert_str.length==0)alert_str=item.title+"為必選項！";

 rt=false; if(item.length>0) { for(i=0;i<item.length;i++)

{

rt=rt||item[i].checked;

} } 

else 

{ 

rt=item.checked } return checkBoolean(rt,item[0],alert_str); return true;

 }

 // 不為空

function checkElement_NotNull(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 

return(checkValue_NotNull(v,a,w,g)); } function checkValue_NotNull(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=NotNull(v); return(checkBoolean(bv,i,w)); }

            // 合法郵箱

function checkElement_IsEmail(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！";

 return(checkValue_IsEmail(v,a,w,g)); } 

   function checkValue_IsEmail(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=checkEmail(v); return(checkBoolean(bv,i,w)); }

 // 合法身份證

function checkElement_IsIDCard(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 

return(checkValue_IsIDCard(v,a,w,g)); }

function checkValue_IsIDCard(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=checkIDCard(v); 

return(checkBoolean(bv,i,w)); }

// 合法

IP function checkElement_IsIP(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 

return(checkValue_IsIP(v,a,w,g)); } function checkValue_IsIP(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=checkIP(v); return(checkBoolean(bv,i,w)); }

// 驗證數字

 function checkElement_IsNum(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 
return(checkValue_IsNum(v,a,w,g)); } function checkValue_IsNum(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=isNum(v); return(checkBoolean(bv,i,w)); }

// 驗證整數

function checkElement_IsInt(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 
return(checkValue_IsInt(v,a,w,g)); } function checkValue_IsInt(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); 
bv=isInt(v); return(checkBoolean(bv,i,w)); }

// 驗證字母

function checkElement_IsChar(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！";
 return(checkValue_IsChar(v,a,w,g)); } function checkValue_IsChar(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=isChar(v); return(checkBoolean(bv,i,w)); }

// 合法主頁

 function checkElement_IsHomepage(a,alert_str,g) { v=a.value; w=alert_str; if(alert_str.length==0)w=a.title+"不能為空！"; 
return(checkValue_IsHomepage(v,a,w,g)); } function checkValue_IsHomepage(v,i,w,g) { if(g!="NOT_TRIM")v=v.replace(/(^\s*)|(\s*$)/g, ""); bv=checkHomepage(v); return(checkBoolean(bv,i,w)); }

以上是“js正則表達式驗證的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！