javaScript技巧(2):表單提交驗證類

1 表單項不能為空



<script language=”javascript”>


<!–


function CheckForm()


{


if (document.form.name.value.length == 0) {


alert(“請輸入您姓名!”);


document.form.name.focus();


return false;


}


return true;


}


–>


</script>


 


2 比較兩個表單項的值是否相同


<script language=”javascript”>


<!–


function CheckForm()


if (document.form.PWD.value != document.form.PWD_Again.value) {


alert(“您兩次輸入的密碼不一樣!請重新輸入.”);


document.ADDUser.PWD.focus();


return false;


}


return true;


}


–>


</script>


3 表單項隻能為數字和”_”,用於電話/銀行帳號驗證上,可擴展到域名註冊等


<script language=”javascript”>


<!–


function isNumber(String)


{


var Letters = “1234567890-“; //可以自己增加可輸入值


var i;


var c;


if(String.charAt( 0 )==-)


return false;


if( String.charAt( String.length – 1 ) == – )


return false;


for( i = 0; i < String.length; i ++ )


{


c = String.charAt( i );


if (Letters.indexOf( c ) < 0)


return false;


}


return true;


}


function CheckForm()


{


if(! isNumber(document.form.TEL.value)) {


alert(“您的電話號碼不合法!”);


document.form.TEL.focus();


return false;


}


return true;


}


–>


</script>


 


4 表單項輸入數值/長度限定


<script language=”javascript”>


<!–


function CheckForm()


{


if (document.form.count.value > 100 || document.form.count.value < 1)


{


alert(“輸入數值不能小於零大於100!”);


document.form.count.focus();


return false;


}


if (document.form.MESSAGE.value.length<10)


{


alert(“輸入文字小於10!”);


document.form.MESSAGE.focus();


return false;


}


return true;


}


//–>


</script>


5 中文/英文/數字/郵件地址合法性判斷


<SCRIPT LANGUAGE=”javascript”>


<!–


function isEnglish(name) //英文值檢測


{


if(name.length == 0)


return false;


for(i = 0; i < name.length; i++) {


if(name.charCodeAt(i) > 128)


return false;


}


return true;


}


function isChinese(name) //中文值檢測


{


if(name.length == 0)


return false;


for(i = 0; i < name.length; i++) {


if(name.charCodeAt(i) > 128)


return true;


}


return false;


}


function isMail(name) // E-mail值檢測


{


if(! isEnglish(name))


return false;


i = name.indexOf(“@”);


j = name.lastIndexOf(“@”);


if(i == -1)


return false;


if(i != j)


return false;


if(i == name.length)


return false;


return true;


}


function isNumber(name) //數值檢測


{


if(name.length == 0)


return false;


for(i = 0; i < name.length; i++) {


if(name.charAt(i) < “0” || name.charAt(i) > “9”)


return false;


}


return true;


}


function CheckForm()


{


if(! isMail(form.Email.value)) {


alert(“您的電子郵件不合法!”);


form.Email.focus();


return false;


}


if(! isEnglish(form.name.value)) {


alert(“英文名不合法!”);


form.name.focus();


return false;


}


if(! isChinese(form.cnname.value)) {


alert(“中文名不合法!”);


form.cnname.focus();


return false;


}


if(! isNumber(form.PublicZipCode.value)) {


alert(“郵政編碼不合法!”);


form.PublicZipCode.focus();


return false;


}


return true;


}


//–>


</SCRIPT>


6 限定表單項不能輸入的字符


<script language=”javascript”>


<!–


function contain(str,charset)// 字符串包含測試函數


{


var i;


for(i=0;i<charset.length;i++)


if(str.indexOf(charset.charAt(i))>=0)


return true;


return false;


}


function CheckForm()


{


if ((contain(document.form.NAME.value, “%()><“)) || (contain(document.form.MESSAGE.value,
“%()><“)))


{


alert(“輸入瞭非法字符”);


document.form.NAME.focus();


return false;


}


return true;


}


//–>


</script>


相關鏈接:實用javaScript技術總結(1):屏蔽類

You May Also Like