ajaxForm不工作，如果有event.preventDefault函數

Question

好日子夥計，我試圖提交一個窗體與文件使用jQuery表單插件，我正在驗證表單使用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使互動儘管阿賈克斯的形式，你應該只設置成功事件處理程序（showResponse）。

Answer 2

如果您使用HTML5的驗證，那麼該驗證的瀏覽器不會在表單提交哪一部分。如果您希望啓用HTML5驗證，請在表單提交時不要preventDefault()。