這篇文章將為大家詳細(xì)講解有關(guān)Javascript中怎么實(shí)現(xiàn)表單驗(yàn)證,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)焉耆免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了超過(guò)千家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1.表單項(xiàng)不能為空:
﹤ script language="java script "﹥
﹤!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("請(qǐng)輸入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
--﹥
﹤/ script ﹥ |
2.比較兩個(gè)表單項(xiàng)的值是否相同:
﹤ script language="java script "﹥ ﹤!-- function CheckForm() if (document.form.PWD.value != document.form.PWD_Again.value) { alert("您兩次輸入的密碼不一樣!請(qǐng)重新輸入."); document.ADDUser.PWD.focus(); return false; } return true; } --﹥ ﹤/ script ﹥
|
3.表單項(xiàng)只能為數(shù)字和"_",用于電話/銀行帳號(hào)驗(yàn)證上,可擴(kuò)展到域名注冊(cè)等:
﹤ script language="java script "﹥
﹤!--
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("您的電話號(hào)碼不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
--﹥
﹤/ script ﹥ |
4.表單項(xiàng)輸入數(shù)值/長(zhǎng)度限定:
﹤ script language="java script "﹥
﹤!--
function CheckForm()
{
if (document.form.count.value ﹥ 100
|| document.form.count.value ﹤ 1)
{
alert("輸入數(shù)值不能小于零大于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.中文/英文/數(shù)字/郵件地址合法性判斷:
﹤ script LANGUAGE="java script "﹥ ﹤!-- function isEnglish(name) //英文值檢測(cè) { 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) //中文值檢測(cè) { 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值檢測(cè) { if(! isEnglish(name)) return false; i = name.indexOf(" at "); j = name dot lastIndexOf(" at "); if(i == -1) return false; if(i != j) return false; if(i == name dot length) return false; return true; } function isNumber(name) //數(shù)值檢測(cè) { 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.限定表單項(xiàng)不能輸入的字符:
﹤ script language="java script "﹥ ﹤!-- function contain(str,charset)// 字符串包含測(cè)試函數(shù) { 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 ﹥
|
關(guān)于Javascript中怎么實(shí)現(xiàn)表單驗(yàn)證就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
名稱欄目:Javascript中怎么實(shí)現(xiàn)表單驗(yàn)證
URL標(biāo)題:
http://weahome.cn/article/gjdsgj.html