关于提交表单，返回false不起作用

Question

当我提交表单时，我收到了一条警告消息。当我接受警报时，它仍然会提交表格。返回false将被忽略。 Onclick无法使用。我试着用var x = document.forms["form"]["fname"].value; 仍然是一样的。

<form id="f" method="post" name="form" onsubmit="return validateForm();" action="#"> 
    <input type="text" name="fname" id="test" /> 
    <input type="submit" value="submit"/> 
</form> 
<script type="text/javascript"> 
     function validateForm() { 
      var x = document.getElementById('test').value; 
      if (x == null || x == 0 || x == "0") { 
       alert("Stop"); 
       return false; 
      } 
     } 
    </script> 

Answer 1

代替<input type="submit" value="submit"/>使用<input type="button" value="Submit" onclick='validateForm()'/>。

在您的JS：

<script type="text/javascript"> 
    function validateForm() { 
     var x = document.getElementById('test').value; 
     if (x == null || x == 0 || x == "0") { 
      alert("Stop"); 
     } 
     else 
      document.form.submit(); 
    } 
</script> 

Answer 2

给这个脚本head标签内进行检查。

<script type="text/javascript"> 
     function validateForm() { 
      var x = document.getElementById('test').value; 
      if (x == null || x == 0 || x == "0") { 
       alert("Stop"); 
       return false; 
      } 
     } 
</script>