event.preventDefault不起作用

Question

我这里有这个简单的代码,没什么太先进的.

    $("input#send").submit(function(event){
      event.preventDefault();
    $.ajax({
        type: 'POST',
        url: add.php,
        data: data,
        success: success,
        dataType: dataType
    });
});

当我点击"发送"按钮时,该event.preventDefault功能不起作用,页面加载.

有什么想法吗？

Answer 1

一个表单有提交事件,而不是一个按钮.另外,ID应该是唯一的,所以tag#id可以#id.

$("#theform").submit(function(event) {
    event.preventDefault();
    // ...
});

Answer 2

如果要阻止表单提交,您需要绑定到表单的submit事件或按钮的click事件并调用event.preventDefault():

$('form').bind('submit', function (event) {
    event.preventDefault();
});

$('form').find(':submit').bind('click', function (event) {
    event.preventDefault();
});