Javascript表單驗證大全（第一部分）

作者：For The Memory 2009-06-09 14:40:01

本文為Javascript表單驗證大全第一部分，講了長度限制、只能是漢字、只能是英文、只能是數字、只能是英文字符和數字、驗證郵箱格式、屏蔽關鍵字和兩次輸入密碼是否相同等八個方面的驗證。

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. 只能是數字：

﹤ script language=java script ﹥
function onlyNum()
{
if(!((event.keyCode﹥=48&&event.keyCode﹤=57)||(event.keyCode﹥=96&&event.keyCode﹤=105)))
//考慮小鍵盤上的數字鍵
event.returnvalue=false;
}
﹤/ script ﹥
﹤input onkeydown="onlyNum();"﹥

5. 只能是英文字符和數字：

﹤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. 屏蔽關鍵字(這里屏蔽***和****)：

﹤ 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動態改變圖片大小
非常全面的實用JavaScript開發工具列表
6月編程語言排行榜：JavaScript轉正在即
JavaScript語言精粹

責任編輯：仲衡來源：百度博客

Javascript 表單驗證