Javascript表单验证大全(第一部分)
作者:For The Memory
本文为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语言精粹
分享到微信 分享到微博