/*
檢查用戶名是否由字母、數字、下劃線組成的，并且長度位6-20位
輸出提示信息到ID為info的label上
*/
function checkName(){
????var infoText="";
????var reName=/^/w{6,20}$/;
????var username=document.getElementById("userName").value;
????if(!reName.test(username))
{//用戶名格式不正確的時候執行
??infoText+=username+"用戶名格式不正確 <br>";
???? document.getElementById("info").innerHTML=infoText;
???? return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}

}
/*
檢查密碼是否由字母、數字、下劃線組成的，并且長度位6-20位
輸出提示信息到ID為info的label上
*/
function checkPwd(){
????var infoText="";
????var rePwd=/^[0-9a-zA-Z]{6,20}$/;
????var pass=document.getElementById("Password").value;
????if(!rePwd.test(pass))
{//確認密碼和密碼不一致
??infoText+=pass+"密碼不格式不正確<br>"
??document.getElementById("info").innerHTML=infoText;
??return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}
}
/*
檢查兩次輸入的密碼是否一致
輸出提示信息到ID為info的label上
*/
function checkPwdOk(){
????var infoText="";
????var pass=document.getElementById("Password").value;
????var passOk=document.getElementById("PasswordOk").value;
????if(pass!=passOk)
{//確認密碼和密碼不一致
??infoText+=pass+"兩次密碼不一致"+passOk+"<br>"
??document.getElementById("info").innerHTML=infoText;
??return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}
}
/*
檢查郵箱的格式
輸出提示信息到ID為info的label上
*/
function checkEmail(){
????var infoText="";
????var e_mail=document.getElementById("email").value;
????var re=/^/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*$/;
????if(!re.test(e_mail))
{//郵箱格式不正確
??infoText+=e_mail+"郵箱格式不正確<br>"
??document.getElementById("info").innerHTML=infoText;
???? return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}
}
/*
（在submit時）檢查用戶名、密碼、郵箱是否為空
輸出提示信息到ID為info的label上
*/
function ok_onclick() {
var username=document.getElementById("userName").value;
var pass=document.getElementById("Password").value;
var e_mail=document.getElementById("email").value;
var infoText="";

if(username=="")
{//用戶名為空的時候
???? infoText+="用戶名不能為空<br>";
??document.getElementById("info").innerHTML=infoText;
??return false;
}
if(pass=="")
{//密碼為空的時候
???? infoText+="密碼不能為空<br>";
??document.getElementById("info").innerHTML=infoText;
??return false;
}
if(e_mail=="")
{//郵箱為空的時候
???? infoText+="郵箱不能為空<br>";
??document.getElementById("info").innerHTML=infoText;
??return false;
}
return true;
}
//----------------------------------------附加----------------------------------------
/*
檢查電話的格式 正確格式：0451-1234567、010-12345678、0451-12345678
輸出提示信息到ID為info的label上
*/
function checkPhone(){
????var infoText="";
????var phone=document.getElementById("phone").value;
????var re=/^/d{3}-/d{8}|/d{4}-/d{7,8}$/;
????if(!re.test(phone))
{//電話格式不正確
??infoText+=phone+"電話格式不正確<br>"
??document.getElementById("info").innerHTML=infoText;
???? return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}
}
/*
檢查身份證的格式 15位和18位
輸出提示信息到ID為info的label上
*/
function checkIDCard(){
????var infoText="";
????var IDCard=document.getElementById("IDCardNum").value;//證件號
????var CardLeibie=document.getElementById("zhengjian").value;//證件類別
????var reIDCard=/^/d{15}|/d{18}$/;//身份證的正則碼
????var reQita=/^/d*$/;//其他證件號的正則表達式:0或任意個數字
????if(CardLeibie=="shenfenzheng"){
????????if(!reIDCard.test(IDCard))
???? {//身份證格式不正確
??????infoText+=IDCard+"身份證號格式不正確<br>"
??????document.getElementById("info").innerHTML=infoText;
???????? return false;
???? }
???? else{
??????????document.getElementById("info").innerHTML="";
??????????return true;
???? }
}
if(CardLeibie=="qita"){
???? if(!reQita.test(IDCard))
???? {//其他證件格式不正確
??????infoText+=IDCard+"證件號格式不正確<br>"
??????document.getElementById("info").innerHTML=infoText;
???????? return false;
???? }
???? else{
??????????document.getElementById("info").innerHTML="";
??????????return true;
???? }
}
}
/*
檢查QQ的格式 從10000開始到999999999
輸出提示信息到ID為info的label上
*/
function checkQQ(){
????var infoText="";
????var qq=document.getElementById("QQ").value;
????var re=/^[1-9][0-9]{4,8}$/;
????if(!re.test(qq))
{//QQ格式不正確
??infoText+=qq+"QQ格式不正確<br>"
??document.getElementById("info").innerHTML=infoText;
???? return false;
}
else{
??????document.getElementById("info").innerHTML="";
??????return true;
}
}

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的常用的JS验证的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。