首頁 > web前端 > js教程 > 怎麼使用正規表示式對註冊表進行驗證

怎麼使用正規表示式對註冊表進行驗證

php中世界最好的语言
發布: 2018-03-29 14:17:26
原創
2096 人瀏覽過

這次帶給大家使用正規表示式對登錄檔進行驗證,使用正規表示式對登錄機碼進行驗證的注意事項有哪些,以下就是實戰案例,一起來看一下。

正規表示式

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

正規表示式目的

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

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中文網其它相關文章!

推薦閱讀:

怎麼用正規把字串分組

#用正規表示式驗證登入頁面的輸入內容

#

以上是怎麼使用正規表示式對註冊表進行驗證的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板