JQuery Docs对.submit()事件

时间:2015-06-22 12:05:45

标签: javascript jquery

我在官方文件https://api.jquery.com/submit/

中看到了一个示例
$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

现在提交表单时,会提示消息。这在实际提交之前发生,因此我们可以通过在事件对象上调用.preventDefault()或从我们的处理程序返回false来取消提交操作。我们可以在点击另一个元素时手动触发事件:“

$( "#other" ).click(function() {
  $( "#target" ).submit();
});

执行此代码后,单击Trigger处理程序也将显示该消息。此外,将触发表单上的默认提交操作,因此将提交表单。

====我不确定我的理解是否正确?===

它说,可以通过调用.preventDefault()来阻止提交事件。

然而,表格可以手动调用.submit()。

我试过,.submit()事件不提交表单。

2 个答案:

答案 0 :(得分:2)

这句话错了:

  

此外,表单上的默认提交操作将被触发

当您调用event.preventDefault()时,在您提交如下表单之前,不会提交表单:

$('form')[0].submit();//write this code inside your function.

答案 1 :(得分:0)

$("#target").submit(function() {
    (...)
});

设置要在表单提交时调用的自定义提交处理程序。

$("#target").submit();

致电表单提交。这意味着当您设置自定义提交处理程序时,会调用它。