Javascript表单验证不适用于任何字段

时间:2012-12-11 06:16:12

标签: javascript forms validation

下面是使用JavaScript的表单验证,但它不起作用。

function validate()
{
    var n=document.frm.name.value();
    if(!n.match(/^[a-zA-Z]+$/))
    {
    alert("Enter valid Name");
    document.frm.name.value="";
    document.frm.name.focus();
    return false;
    }

    var b=document.frm.mob.value();
    if(!b.match(/^[0-9]+$/) || b.length<10 || b.length>10)
    {
    alert("Enter valid Name");
    document.frm.mob.value="";
    document.frm.mob.focus();
    return false;   
    }

    var y=document.frm.nn.value();
    if(y==null || y=="")
    {
    alert("Enter valid Name");
    document.frm.nn.value="";
    document.frm.nn.focus();
    return false;   
    }

    var z=document.frm.email.value();
    if(!z.match(/^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/))
    {
    alert("Enter valid Name");
    document.frm.email.value="";
    document.frm.email.focus();
    return false;   
    }
}


<body>
<form name="frm" action="#" method="post" onsubmit="return validate()">
Name :<input type="text" name="name"/>
Mobile No:<input type="text" name="mob" />
Not Null :<input type="text" name="nn"/>
Email Id:<input type="text" name="email"/>
<input type="submit" name="submit" value="submit"/>
</form>
</body>

3 个答案:

答案 0 :(得分:0)

首先,不要用保留字(如“名称”)

命名字段

其次,值是属性,而不是方法,因此,

var b=document.frm.mob.value;

(不带括号)

答案 1 :(得分:0)

请在函数外面放置false。

         var b=document.frm.mob.value;
        if(!b.match(/^[0-9]+$/) || b.length<10 || b.length>10)
        {
        alert("Enter valid Name");
        document.frm.mob.value="";
        document.frm.mob.focus();     
        }

        var y=document.frm.nn.value;
        if(y==null || y=="")
        {
        alert("Enter valid Name");
    document.frm.nn.value="";
    document.frm.nn.focus();

    }

    var z=document.frm.email.value();
    if(!z.match(/^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/))
    {
    alert("Enter valid Name");
    document.frm.email.value="";
    document.frm.email.focus();

    }
    return false;  
}

答案 2 :(得分:0)

不要在事件 onsubmit 上的表单标记中调用 validate()函数,而是在提交按钮中更好地使用它

<input type="submit" name="submit" value="submit" onClick="return validate()" />

它会更好地工作并根据需要输出。