關於提交表單，返回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>