本文為Javascript表單驗證大全第一部分，講了長度限制、只能是漢字、只能是英文、只能是數(shù)字、只能是英文字符和數(shù)字、驗證郵箱格式、屏蔽關(guān)鍵字和兩次輸入密碼是否相同等八個方面的驗證。
1. 長度限制：
﹤ script ﹥
function test()
{
if(document.a.b.value.length﹥50)
{
alert("不能超過50個字符！");
document.a.b.focus();
return false;
}
}
﹤/ script ﹥
﹤form name=a onsubmit="return test()"﹥
﹤textarea name="b" cols="40" wrap="VIRTUAL" rows="6"﹥﹤/textarea﹥
﹤input type="submit" name="Submit" value="check"﹥
﹤/form﹥ |
2. 只能是漢字：
﹤input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')"﹥ |
3.只能是英文：
﹤ script language=java script ﹥
function onlyEng()
{
if(!(event.keyCode﹥=65&&event.keyCode﹤=90))
event.returnvalue=false;
}
﹤/ script ﹥﹤input onkeydown="onlyEng();"﹥ |
4. 只能是數(shù)字：
﹤ script language=java script ﹥
function onlyNum()
{
if(!((event.keyCode﹥=48&&event.keyCode﹤=57)||(event.keyCode﹥=96&&event.keyCode﹤=105)))
//考慮小鍵盤上的數(shù)字鍵
event.returnvalue=false;
}
﹤/ script ﹥ ﹤input onkeydown="onlyNum();"﹥ |
5. 只能是英文字符和數(shù)字：
﹤input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text'). replace(/[^\d]/g,''))"﹥
|
6. 驗證郵箱格式：
﹤ script LANGUAGE=java script RUNAT=Server﹥
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+ ((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
﹤/ script ﹥
﹤input type=text onblur=isEmail(this.value)﹥ |
7. 屏蔽關(guān)鍵字(這里屏蔽***和****)：
﹤ script language="java script 1.2"﹥
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
alert(":)");
a.b.focus();
return false;}
}
﹤/ script ﹥
﹤form name=a onsubmit="return test()"﹥
﹤input type=text name=b﹥
﹤input type="submit" name="Submit" value="check"﹥
﹤/form﹥
|
8. 兩次輸入密碼是否相同：
﹤FORM METHOD=POST ACTION=""﹥
﹤input type="password" id="input1"﹥
﹤input type="password" id="input2"﹥
﹤input type="button" value="test" onclick="check()"﹥
﹤/FORM﹥
﹤ script ﹥
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
﹤/ script ﹥ |
【編輯推薦】
- 如何通過JavaScript動態(tài)改變圖片大小
- 非常全面的實用JavaScript開發(fā)工具列表
- 6月編程語言排行榜：JavaScript轉(zhuǎn)正在即
- JavaScript語言精粹
