Форма отправляется, даже если JavaScript fun возвращает false

Question

Код формы проверки .html получает, даже если javascript возвращает false.

<form id="form1" name="form1" method="post" action="sub.jsp" onsubmit="return getValue()"> 
<input type="text" id="userName" name="userName" onkeyup="return getValue()" /> 
<input type="submit" name="Submit" value="Submit" /> 
</form> 

    <script type="text/javascript" > 
    function getValue() 
     { 
     var userName=document.getElementById("userName"); 
      document.getElementById("userNamemsg").innerHTML=""; 
       if(userName.value=="") 
       { 
      var mdiv=document.getElementById("userNamemsg"); 
        mdiv.innerHTML="Error:Required Fields cannot be blank!"; 
        form.userName.focus(); 
        return false; 
       } 
       return true; 
    } 

Answer 1

1) попробуйте изменить линию form.userName.focus(); к document.form1.userName.focus();

ИЛИ

2) попробуйте отправить из самой функции:

<input type="button" name="Submit" value="Submit" onclick="getValue()" /> 

<script type="text/javascript" > 
function getValue() 
    { 
     var userName=document.getElementById("userName"); 
     document.getElementById("userNamemsg").innerHTML=""; 
      if(userName.value=="") 
      { 
       var mdiv=document.getElementById("userNamemsg"); 
       mdiv.innerHTML="Error:Required Fields cannot be blank!"; 
       document.form1.userName.focus();//I think this is the problem 
       return false; 
      } 
      document.form1.submit(); 
} 
</script> 

Answer 2

Я думаю, что есть ошибки в вашем JavaScript-коде, которые происходят до ваших операторов возврата. Исправьте эти ошибки, и ваш код должен работать.

Answer 3

в качестве альтернативы, вы делаете обработчик щелчка по отправке чтобы вернуть значение false.