使用ajax-jquery表单提交并停止正常的html提交

Question

我正在使用一个html表单，我正在使用一个jquery ajax函数，该函数在带有onSubmit的标记中调用，但问题是当用户按下提交按钮或输入时，表单将被提交并且页面将被刷新并且ajax函数未执行，导致输出不受欢迎。 我怎样才能停止正常提交并仅使用ajax函数进行表单提交以及为什么ajax函数没有被执行..我甚至尝试了jquery的.submit属性但是发生了nithing。 请建议一些黑客/方法来处理它。感谢

Answer 1

您可以使用

阻止提交事件的默认行为

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

可以在JQuery文档https://api.jquery.com/submit/

中找到

Answer 2

要停用表单提交，请将代码更改为以下内容：

<form action="/"  method="POST" onSubmit="return comment();">
    ...
</form>

function comment() {
   ...
   return false;
}

工作示例在https://jsfiddle.net/gevorgha/5dyc2ye9/，尝试将return false;更改为return true;，您将看到提交。