表单验证:当所有表单都填写正确时,我的成功警报弹出窗口不会显示

时间:2012-10-26 06:12:12

标签: javascript html

我的Javascript代码:

if (valid == false){
    alert(errmsg);
    return false;
}else {
    var success = "Name: "+fname+" "+lname+"\n"+
        "Email: "+email+"\n"+"Address: "+adr1+", "+adr2+","+
        adr3+" "+zip;
    alert(success);
}
弹出的所有内容都是空白警报窗口。 任何帮助或见解将不胜感激。 我对此有点新鲜,如果您需要澄清,请告诉我

继承我代码中的html部分

        <form id="contactInfo" action="">

    <p class="name">
        <span class="nameHead">Name</span>
        <br />
        First: 
        <input type="text" name="fname" id="fname" />
        Last:
        <input type="text" name="lname" id="lname" />
    </p>
    <p>
        Email:
        <input type="text" name="email" id="email" size="55" />
    <p class="address"> 
        <span class="addressHead">Address</span>
        <br />
        Street:<input type="text" name="street" id="adr1" />
        <br />
        City: <input type="text" name="city" id="adr2"/>
        <br />
        State:<input type="text" name="state" id="adr3" size="2" maxlength="2"/>
        <br />
        ZIP Code: <input type="text" name="zipCode" id="zip" size="10" maxlength="10"/>
    </p>
    <p>
        <input type="submit"  value="Submit" onclick="return  validate();"  />
        <input type="reset"  value="Reset" />
    </p>
</form>

如果用户输入错误的姓名,城市,邮编和电子邮件(搜索模式),那么我的if语句就像这样

    if (adr1 == ''){
    errmsg = errmsg + "Street address is blank\n";
    valid = false;
    focusA1.focus();
    focusA1.select();
}else if(adr1S == -1){
    errmsg = errmsg + "Street address should be in the form of digits followed by letters\n";
    valid = false;
    focusA1.focus();
    focusA1.select();
}

如果在函数结束时有效结果为false,则errmsg会显示错误并将焦点放在表单的该部分。我最终遇到的一个问题是,只要加载页面,表单就会自动提交。它会与此有关吗?

    <body onload= "rotate()">

<img src="images/a.jpg" name="banner" class="banner" />

旋转横幅的代码?

我设置它的方式是显示另一个警告,表示何时正确输入所有表单字段以及何时正确输入它们没有警报显示

1 个答案:

答案 0 :(得分:0)

验证函数中的

尝试这样的事情

function validation()
{
var valid == true;

    if(cond1)
    {
    alert(cond1fails);
    valid=false;
    }

    if(cond2)
    {
    alert(cond2fails);
    valid=false;
    }

.... and so on on to all the conditions .....

// then in the last line
return valid;
}

试试这应该只是工作