本文为Javascript表单验证大全第一部分,讲了长度限制、只能是汉字、只能是英文、只能是数字、只能是英文字符和数字、验证邮箱格式、屏蔽关键字和两次输入密码是否相同等八个方面的验证。

1. 长度约束:

Javascript表单验证大全(榜首部分)(JavaScript表单验证)  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 ﹥

【修改引荐】

  1. 怎么经过JavaScript动态改动图片大小
  2. 十分全面的有用JavaScript开发工具列表
  3. 6月编程言语排行榜:JavaScript转正在即
  4. JavaScript言语精粹
转载请说明出处
知优网 » Javascript表单验证大全(榜首部分)(JavaScript表单验证)

发表评论

您需要后才能发表评论