正則表達(dá)式
正則表達(dá)式是對字符串操作的一種邏輯公式，就是用事先定義好的一些特定字符及這些特定字符的組合，組成一個“規(guī)則字符串”，這個“規(guī)則字符串”用來表達(dá)對字符串的一種過濾邏輯。
正則表達(dá)式目的
1. 給定的字符串是否符合正則表達(dá)式的過濾邏輯（稱作“匹配”）；
2. 可以通過正則表達(dá)式，從字符串中獲取我們想要的特定部分。
正則表達(dá)式的特點是
1.靈活性、邏輯性和功能性非常的強；
2.可以迅速地用極簡單的方式達(dá)到字符串的復(fù)雜控制；
3.對于剛接觸的人來說，比較晦澀難懂。
注冊表驗證
1.獲取id
function $(id){
return document.getElementById(id);
}
2.驗證姓名
function checkName(){
//獲取值
var username=$('user').value;
//判斷不能為空
if(username==''){
$('s1').innerHTML='用戶名不能為空';
return false;
}
//正則表達(dá)式
var reg=/^[a-zA-Z][a-zA-Z0-9]{4,9}$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(!reg.test(username)){
$('s1').innerHTML='用戶名必須是5-10位數(shù)字或字母組成，開頭不能是數(shù)字'；
return false;
}
//匹配，返回空
$('s1').innerHTML='';
return true;
}
備注:s1為判斷提示內(nèi)容，添加在輸入框后span id='s1'>/span>
3.驗證密碼
function checkPwd(){
//獲得值
同上…
//判斷不能為空
同上…
//正則表達(dá)式
var reg=/^\S{6,}$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(reg.test(password)==false){
$('s2').innerHTML='密碼必須是6位以上';
return false;
}
//匹配，返回空
同上…
}
4.驗證郵箱
function checkEmail(){
//獲得值
同上…
//判斷不能為空
同上…
//正則表達(dá)式
var reg=/^\w+@\w+\.com|cn|net$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(!reg.test(email)){
$('s3').innerHTML='郵箱不合法';
return false;
}
//匹配，返回空
同上…
}
5.驗證手機號
function checkTel(){
//獲得值
同上…
//判斷不能為空
同上…
//正則表達(dá)式
var reg=/^1[34578]\d{9}$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(!reg.test(tel)){
$('s4').innerHTML='手機號碼不合法';
return false;
}
//匹配，返回空
同上…
}
6.驗證身份證號
function checkCid(){
//獲得值
同上…
//判斷不能為空
同上…
//正則表達(dá)式
var reg=/^\d{15}$|^\d{17}\d|x$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(!reg.test(cid)){
$('s5').innerHTML='身份證不合法';
return false;
}
//匹配，返回空
同上…
}
7.驗證QQ號
function checkQQ(){
//獲得值
同上…
//判斷不能為空
同上…
//正則表達(dá)式
var reg=/^[1-9]\d{7,10}$/;
//檢測輸入內(nèi)容是否匹配正則表達(dá)式
if(!reg.test(qq)){
$('s6').innerHTML='QQ必須是8到11數(shù)字組成，開頭不能是0';
return false;
}
//匹配，返回空
同上…
}
8.檢測所有條件
function checkAll(){
if(checkName()checkPwd()checkEmail()checkTel()checkCid()checkQQ()){
return true;
}else{
return false;
}
}
當(dāng)然，到后期可以使用jQuery Validate驗證框架進(jìn)行表達(dá)驗證，更加便捷。
以上所述是小編給大家介紹的正則表達(dá)式注冊表驗證筆記整理，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:- JS正則表達(dá)式的驗證
- JS常用正則表達(dá)式及驗證時間的正則表達(dá)式
- 最新密碼驗證正則表達(dá)式
- js正則表達(dá)式注冊頁面表單驗證
- jQuery驗證手機號郵箱身份證的正則表達(dá)式（含港澳臺）
