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

您应该在return false按钮触发的功能结束时加submit。

例如

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

验证成功后禁用“提交”操作

2 个答案: