1. 爱易网页
  2. JavaSript
  3. Javascript表单印证大全

Javascript表单印证大全

日期：2014-05-16　 浏览次数：20372 次

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 ﹥

    ?

?

?

    本文为Javascript表单验证大全第二部分，讲了表单项不能为空、比较两个表单项的值是否相同、表单项是否为数字、表单项的长度、地址合法性判断和表单项输入字符是否合法等六个方面的验证。