快捷導(dǎo)航

正則表達(dá)式注冊(cè)表驗(yàn)證筆記整理

更新時(shí)間：2017年07月10日 10:03:46 作者：wpengBlog

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

正則表達(dá)式

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

正則表達(dá)式目的

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

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

備注:s1為判斷提示內(nèi)容，添加在輸入框后<span id='s1'></span>

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)證筆記整理，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: