jQuery确认然后用ajaxForm发布

时间:2013-03-12 22:50:45

标签: jquery confirm

即使按下ajaxForm按钮,以下jQuery代码也会执行Cancel功能。此外,success部分也不会更新content。谁能告诉我它有什么问题?感谢。

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

1 个答案:

答案 0 :(得分:2)

点击事件应设置在按钮元素上,您应该使用.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);
            }
        });
    }
});