验证成功后禁用提交操作

Question

我正在使用这个插件http://code.google.com/p/bvalidator/

 $('#vendorDetailsForm').bValidator();

 if ( $('#vendorDetailsForm').data('bValidator').isValid() ) {
     $("#addVendorsTabs").tabs('select', 4);
 }

上述逻辑绑定到一个嵌套在 vendorDetailsForm 元素内的按钮，但我想在验证成功后禁用提交操作，而是导航到索引 4 中的选项卡。

目前它导航到索引 4，但随后它提交了表单！

有没有办法做到这一点？

Answer 1

jQuery 的preventDefault 是您的最佳选择，因此它在不同浏览器中的工作更加一致。

$("#submit").submit(function(evt) {
    ...
    evt.preventDefault(); // prevent default behavior of the event, in this case form submission
    return false; // return false, just in case, but in theory is not necessary
});​

Answer 2

您应该在submit 按钮触发的函数末尾添加一个return false。

例如

$("#submit").submit(function() {
    $('#vendorDetailsForm').bValidator();
    if ($('#vendorDetailsForm').data('bValidator').isValid()) {
        $("#addVendorsTabs").tabs('select', 4);
    }
    return false;
});​