javascript - 如果使用 jquery 启用了 javascript，则防止触发默认表单提交事件

Question

我在页面上有一个表单。在它里面我有一个元素。如果启用了 javascript，我想禁用提交事件。并使用 Ajax 处理 MyMethod 中的操作。如何防止触发提交事件？

我相信某种形式的东西:event.preventDefault() 可以解决问题。但我不知道如何通过该事件。

谢谢!

Answer 1

您可以订阅 .submit()表单事件并从中返回 false:

$(function() {
    $('form').submit(function() {
        // TODO: do your AJAX stuff here
        // for example ajaxify the form
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                // TODO: process the result of your AJAX request
            }
        });

        // this is what will cancel the default action
        return false;
    });
});

或:

$(function() {
    $('form').submit(function(evt) {
        evt.preventDefault();

        // TODO: do your AJAX stuff here
        // for example ajaxify the form
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                // TODO: process the result of your AJAX request
            }
        });
    });
});