(正則表達式驗證表單+常用的正則表達式)表單提交驗證


HTML頁面內部寫js代碼,通過正則表達式驗證:

<!--表單正則表達式驗證-->
<script>
//創建驗證函數check
function check()
{
     //獲取表單中id為name的元素的value值
name=document.getElementById("name").value;
//判斷獲取到的value值為空的時候,輸出提示“請輸入姓名”,返回
     if(name=="")
{
alert("請輸入姓名!");
return false;
}
     //正則表達式:開始數字為1,第二位數字為3/4/5/7/8,最后再加9位數字
re = /^1[34578]\d{9}$/;
     //獲取表單中id為tel的元素的value值
tel=document.getElementById("tel").value;
     //用正則表達式匹配它,若為真接着往下執行,若為假,輸出提示“請輸入正確的手機號!”
if (re.test(tel)) {

} else {
alert("請輸入正確的手機號!");
return false;
}
     //正則表達式:開始為bd,在家6位隨機數,最后在家tt
yze = /^bd\d{6}tt$/;
     //獲取表單中id為yz的元素的value值
yz=document.getElementById("yz").value;
     //用正則表達式匹配它,若為真接着往下執行,若為假,輸出提示“請向客服代表咨詢索取驗證碼”
if (yze.test(yz)) {

} else {
alert("請向客服代表咨詢索取正確驗證碼");
return false;
}
}
</script>

HTML頁面內部寫表單代碼,調用驗證函數check:
action:提交表單位置
onsubmit="return check();:調用驗證函數
<form class="contact_form" action="#" enctype="multipart/form-data" method="post" name="contact_form" onsubmit="return check();" style="z-index: 500;">
...
</form>


常用到的正則表達式:

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

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

 

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

  評注:可以用來計算字符串的長度(一個雙字節字符長度計2,ASCII字符計1)

 

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

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

 

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

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

 

  匹配首尾空白字符的正則表達式:^\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地址時有用

 

  匹配特定數字
  ^[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個英文字母或者下划線組成的字符串
  評注:最基本也是最常用的一些表達式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM