表单仍在提交

Question

我试图阻止表单被提交，但即使警报已触发，表单仍在提交。这是我的Javascript代码（简化为必需品）：

 if(status == 1) { 
      alert("Test"); 
      e.preventDefault(); 
      e.stopPropagation(); 
      var elem = document.getElementById("error"); 
      if(elem) { 
       elem.parentNode.removeChild(elem); 
      } 
      var span = document.createElement("span"); 
      span.className = "error_class"; 
      span.id = "error"; 
      span.innerHTML = "Please try again."; 
      document.getElementById("field").appendChild(span); 
      return false; 
     } 

我正在使用Firefox测试版和Google Chrome测试版进行测试。有人能告诉我什么是缺少的？上面的代码是分配给按钮的事件侦听器的函数的一部分。

Answer 1

感谢JasonK的回答，我做了一些额外的研究并找到了解决方案。我张贴新的代码做同样的事情与前一个：

e.preventDefault(); 
e.stopPropagation(); 
if(status == 1) { 
    var elem = document.getElementById("error"); 
    if(elem) { 
     elem.parentNode.removeChild(elem); 
    } 
    var span = document.createElement("span"); 
    span.className = "error_class"; 
    span.id = "error"; 
    span.innerHTML = "Please try again."; 
    document.getElementById("field").appendChild(span); 
    return false; 
}else{ 
    document.getElementById("form").submit(); 
} 

在这段代码中，主要的区别是，我打电话e.preventDefault（）和e.stopPropagation（）在顶部一旦事件被调用，函数就会被调用。然后，我使用submit（）方法，如果status不是1，表单仍然被提交。我希望我能够解释得很充分，这可能会帮助其他人，因为这是我的第一个答案。

Answer 2

这将这样的伎俩：

$('form').submit(function(e) { 
    e.preventDefault(); 
    //Do your stuff 
    alert('Form was not submitted!'); 
}); 

或者你可以附上的onclick监听器提交按钮

$('form .submit-button').click(function(e) { 
    e.preventDefault(); 
    //Do your stuff 
    alert('Form was not submitted!'); 
}); 

希望这有助于。如果没有，向我们展示更多代码并使用控制台检查错误。