正則表達(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)站的支持！
您可能感興趣的文章:- JS正則表達(dá)式的驗(yàn)證
- JS常用正則表達(dá)式及驗(yàn)證時(shí)間的正則表達(dá)式
- 最新密碼驗(yàn)證正則表達(dá)式
- js正則表達(dá)式注冊(cè)頁(yè)面表單驗(yàn)證
- jQuery驗(yàn)證手機(jī)號(hào)郵箱身份證的正則表達(dá)式（含港澳臺(tái)）
