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

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

正則表達式

正則表達式是對字符串操作的一種邏輯公式，就是用事先定義好的一些特定字符及這些特定字符的組合，組成一個“規則字符串”，這個“規則字符串”用來表達對字符串的一種過濾邏輯。

正則表達式目的

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

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

正則表達式的特點是

1.靈活性、邏輯性和功能性非常的強；

2.可以迅速地用極簡單的方式達到字符串的復雜控制；

3.對于剛接觸的人來說，比較晦澀難懂。

注冊表驗證

1.獲取id

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

2.驗證姓名

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

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

3.驗證密碼

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

4.驗證郵箱

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

5.驗證手機號

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

6.驗證身份證號

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

7.驗證QQ號

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

8.檢測所有條件

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

當然，到后期可以使用jQuery Validate驗證框架進行表達驗證，更加便捷。

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