Formulaire de validation IE7

Question

J'ai créé un formulaire qui soumet et fonctionne correctement partout où j'ai testé sauf lorsque j'utilise IE7 (IE8 peut avoir le problème aussi bien je n'ai pas de machine pour tester cela avec.)

Lorsque j'essaie IE7, le formulaire ne sera pas envoyé et la validation JavaScript ne fonctionnera pas non plus. Je crois que le problème réside dans la façon dont JavaScript fonctionne, mais jusqu'à présent, tout ce que j'ai testé n'a fait aucune différence.

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

Essayez cette

 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"; 
     } 
     }