javascript - 如果有 event.preventDefault 函数，ajaxForm 不起作用

Question

大家好，我正在尝试使用 jQuery Form Plugin 提交带有文件的表单，并且我正在使用 HTML5 属性验证表单，这就是我添加“event.preventDefault();”的原因

问题是，它不起作用，也没有显示任何错误消息。

这是代码

function showResponse(responseText){
    alert(responseText);
}
function beforeSub(){
    alert("called");
}
$('#prodFormBtn').click(function(){

$("#addProductForm").ajaxForm({
    beforeSubmit: beforeSub,
    success: showResponse
}).submit(function(e){
    e.preventDefault();
});

Answer 1

尝试：

$(document).ready(function () {
  function showResponse(responseText){
     alert(responseText);
  }

  function beforeSub(){
    alert("called");
  }

  $("#addProductForm").ajaxForm(showResponse);
});

函数ajaxForm通过ajax表单进行交互，你只需设置成功事件处理程序（showResponse）。

Answer 2

如果您使用的是 HTML5 验证，那么该验证是浏览器在提交表单时所做的一部分。如果您希望触发 HTML5 验证，请不要preventDefault()提交表单。