我可以在表单上有一个覆盖/忽略jquery.validate插件的提交按钮吗？

Question

我有一个使用jquery validate plugin验证的html表单。表单有3个提交按钮。每个提交按钮都会使页面执行稍微不同的操作。我想要三个提交按钮中的一个只提交表单并完全忽略我使用jQuery验证插件构建的验证例程。这可能吗？

由于

Answer 1

一些可能的问题：

jQuery Validation plugin: disable validation for specified submit buttons

Answer 2

对于提交按钮，您可以取消绑定该DOM元素上的事件，然后绑定您自己的函数。另外，请确保您的函数返回false或者它将提交表单。

http://api.jquery.com/bind/

另见，见：

http://api.jquery.com/event.stopPropagation

Answer 3

是的，有可能。您测试单击的提交按钮的ID，并使用click事件执行表单提交或验证，具体取决于单击的按钮：

$("#form input:submit").click(function(e) {
    if (e.target.id == "foo") { // or this.id, or $(this).attr('id')
        alert("submitting");
        $(this).closest("form").submit();
    } else {
        alert("do the validation");
        return false;
    }
});

演示：http://jsfiddle.net/karim79/VmX3R/3/