這篇文章主要為大家展示了“正則表達(dá)式注冊(cè)表驗(yàn)證的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“正則表達(dá)式注冊(cè)表驗(yàn)證的示例分析”這篇文章吧。

十載的濠江網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷(xiāo)型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整濠江建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“濠江網(wǎng)站設(shè)計(jì)”,“濠江網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

正則表達(dá)式

正則表達(dá)式是對(duì)字符串操作的一種邏輯公式，就是用事先定義好的一些特定字符及這些特定字符的組合，組成一個(gè)“規(guī)則字符串”，這個(gè)“規(guī)則字符串”用來(lái)表達(dá)對(duì)字符串的一種過(guò)濾邏輯。

正則表達(dá)式目的

1. 給定的字符串是否符合正則表達(dá)式的過(guò)濾邏輯（稱(chēng)作“匹配”）；

2. 可以通過(guò)正則表達(dá)式，從字符串中獲取我們想要的特定部分。

正則表達(dá)式的特點(diǎn)是

1.靈活性、邏輯性和功能性非常的強(qiáng)；

2.可以迅速地用極簡(jiǎn)單的方式達(dá)到字符串的復(fù)雜控制；

3.對(duì)于剛接觸的人來(lái)說(shuō)，比較晦澀難懂。

注冊(cè)表驗(yàn)證

1.獲取id

function $(id){
  return document.getElementById(id);
}

2.驗(yàn)證姓名

function checkName(){
  //獲取值
  var username=$('user').value;
  //判斷不能為空
  if(username==''){
    $('s1').innerHTML='用戶(hù)名不能為空';
    return false;
  }
  //正則表達(dá)式
  var reg=/^[a-zA-Z][a-zA-Z0-9]{4,9}$/;
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(!reg.test(username)){
    $('s1').innerHTML='用戶(hù)名必須是5-10位數(shù)字或字母組成，開(kāi)頭不能是數(shù)字'；
    return false;
  }
  //匹配，返回空
    $('s1').innerHTML='';
    return true;
}

備注:s1為判斷提示內(nèi)容，添加在輸入框后

3.驗(yàn)證密碼

function checkPwd(){
  //獲得值
    同上…
  //判斷不能為空
    同上…
  //正則表達(dá)式
  var reg=/^\S{6,}$/;
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(reg.test(password)==false){
    $('s2').innerHTML='密碼必須是6位以上';
    return false;
  }
  //匹配，返回空
    同上…
}

4.驗(yàn)證郵箱

function checkEmail(){
  //獲得值
    同上…
  //判斷不能為空
    同上…
  //正則表達(dá)式
  var reg=/^\w+@\w+\.com|cn|net$/;      
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(!reg.test(email)){
    $('s3').innerHTML='郵箱不合法';
    return false;
  }
  //匹配，返回空
    同上…
}

5.驗(yàn)證手機(jī)號(hào)

function checkTel(){
  //獲得值
    同上…
  //判斷不能為空
    同上…
  //正則表達(dá)式
  var reg=/^1[34578]\d{9}$/;     
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(!reg.test(tel)){
    $('s4').innerHTML='手機(jī)號(hào)碼不合法';
    return false;
  }
  //匹配，返回空
    同上…
}

6.驗(yàn)證身份證號(hào)

function checkCid(){
  //獲得值
    同上…
  //判斷不能為空
    同上…
  //正則表達(dá)式
  var reg=/^\d{15}$|^\d{17}\d|x$/;     
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(!reg.test(cid)){
    $('s5').innerHTML='身份證不合法';
    return false;
  }
  //匹配，返回空
    同上…
}

7.驗(yàn)證QQ號(hào)

function checkQQ(){
  //獲得值
    同上…
  //判斷不能為空
    同上…
  //正則表達(dá)式
  var reg=/^[1-9]\d{7,10}$/;     
  //檢測(cè)輸入內(nèi)容是否匹配正則表達(dá)式
  if(!reg.test(qq)){
    $('s6').innerHTML='QQ必須是8到11數(shù)字組成，開(kāi)頭不能是0';
    return false;
      }
  //匹配，返回空
    同上…
}

8.檢測(cè)所有條件

function checkAll(){
  if(checkName()&&checkPwd()&&checkEmail()&&checkTel()&&checkCid()&&checkQQ()){
    return true;
  }else{
    return false;
  }
}

當(dāng)然，到后期可以使用jQuery Validate驗(yàn)證框架進(jìn)行表達(dá)驗(yàn)證，更加便捷。

以上是“正則表達(dá)式注冊(cè)表驗(yàn)證的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁(yè)名稱(chēng)：正則表達(dá)式注冊(cè)表驗(yàn)證的示例分析-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://weahome.cn/article/dsgieg.html