jQuery確認，然後發佈與ajaxForm

Question

即使我按Cancel按鈕，以下jQuery代碼執行ajaxForm函數。另外，success部分也不更新content。有人可以告訴我它有什麼問題嗎？謝謝。

$(document).ready(function() { 
    $(".myForm").click(function (e) { 
    if (confirm("Are you sure?")) { 
     $(".myForm").ajaxForm ({ 
     success: function(returnData) { 
      $('#content').html(returnData); 
     } 
     }); 
    } 
    }); 
}); 

Answer 1

click事件應的按鈕元素上進行設置，並且你應該使用.ajaxSubmit()，而不是.ajaxForm()。

該按鈕不應該是提交按鈕（即，<input type="submit">或<button type="submit">），否則您需要致電e.preventDefault()。

嘗試這樣：

HTML：

<form id="myForm"> 
    <input type="text" /> 
    <button type="submit" id="submitButton">Submit</button> 
<form> 

的JavaScript：

$('#submitButton').click(function(e) { 
    e.preventDefault(); 
    if (confirm('Are you sure?')) { 
     $("#myForm").ajaxSubmit({ 
      success: function(returnData) { 
       $('#content').html(returnData); 
      } 
     }); 
    } 
});