這次帶給大家使用正規表示式對登錄檔進行驗證,使用正規表示式對登錄機碼進行驗證的注意事項有哪些,以下就是實戰案例,一起來看一下。
正規表示式
正規表示式是對字串運算的一種邏輯公式,就是用事先定義好的一些特定字元及這些特定字元的組合,組成一個“規則字串”,這個“規則字串”用來表達對字串的一種過濾邏輯。
正規表示式目的
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中文網其他相關文章!