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()。

如果有event.preventDefault函数，则ajaxForm无法正常工作

2 个答案: