正規表示式註冊表驗證筆記整理

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

正規表示式目的

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為判斷提示內容，加入輸入框後d4eb6284d88a1f30356a72e589941e70

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驗證框架進行表達驗證，更方便。

以上內容就是正規表示式登錄驗證筆記整理，希望能幫助大家。

相關推薦：

史上最完整的PHP正規表示式_正規表示式

JavaScript中正規表示式的概念與應用_正規表示式

PHP正規表示式集合#

以上是正規表示式註冊表驗證筆記整理的詳細內容。更多資訊請關注PHP中文網其他相關文章！