javascript - 表单验证 IE7

Question

我已经创建了一个表单，它可以在我测试过的所有地方提交并正常工作，除非我使用的是 IE7（IE8 可能也有问题，我没有机器来测试它。）

当我尝试 IE7 时，表单不会提交，JavaScript 验证也不起作用。我认为问题在于 JavaScript 的工作方式有所不同，但到目前为止我测试的所有内容都没有任何区别。

HTML

<form id="find_agent" action="find_agent_form_processor.asp" onsubmit="return validateAgentForm();" method="POST">
<fieldset>
    <ul id="find_agent_errors">
        <li id="find_agent_first_name_error">Please Enter Your First Name</li>
        <li id="find_agent_last_name_error">Please Enter Your Last Name</li>
    </ul>
    <ul>
        <li>
            <input type="hidden" name="To" value="you@domain.com" />
            <input type="hidden" name="From" value="me@domain.com" />
            <input type="hidden" name="Subject" value="Find Agent" />
        </li>
        <li>
            <strong>First Name: <span class="red_text">*</span></strong>
            <input type="text" name="find_agent_first_name">
        </li>
        <li>
            <strong>Last Name: <span class="red_text">*</span></strong>
            <input type="text" name="find_agent_last_name">
        </li>
    </ul>
</fieldset>
</form>

JavaScript

function validateAgentForm(){
var count = 0;

var findAgentFirstName = document.forms["find_agent"]["find_agent_first_name"].value;
if(findAgentFirstName.length < 1){
    document.getElementById("find_agent_first_name_error").style.visibility = "visible";
    count++;
}
else{
    document.getElementById("find_agent_first_name_error").style.visibility = "hidden";
}
if(count > 0){
    return false;
}

Answer 1

尝试这个

     function validateAgentForm(){
        var count = 0;
        var findAgentFirstName = document.forms["find_agent"]["find_agent_first_name"].value;
        if(findAgentFirstName.length < 1){
            document.getElementById("find_agent_first_name_error").style.visibility = "visible";
            count++;
return false;//This will prevent the form from submitting if the text field is empty
        }
        else{
            document.getElementById("find_agent_first_name_error").style.visibility = "hidden";
        }
        }