jquery - PreventDefault() 提交表单

Question

总的来说，我对 jQuery 和 JavaScript 还很陌生。

我有一个表单，我想做的就是让表单运行一个函数来确保一切都在那里，并且所有变量都正确，然后提交。

我已对提交按钮使用了 onclick 值，并让它运行一个使用 preventDefault() 的函数。我不确定我是否正确使用它，但它似乎不起作用。

这就是我所拥有的，当您单击“提交”时，即使 if 语句为 false，它也会提交。

function checkSubmitStatus() {
    $("#myform").submit(function(event){
        if( whatever==true) {
            event.preventDefault(); 
        }
    });
}

<input type="submit" name="submit" value="Submit"  onClick="checkSubmitStatus()">

谢谢!

Answer 1

通过将 $("#myform").submit(...) 放入 checkSubmitStatus() 函数中，您可以在按钮之后附加提交处理程序单击后，表单已提交。试试这个:

<script type="text/javascript">
$(document).ready(function() {
  $("#myform").submit(function(event){
    if(whatever) { 
       event.preventDefault();  
    }  
  });
});
</script>

<form id="myform">
  <input type="submit" name="submit" value="Submit">
</form>