jquery - 如何防止 Boostrapvalidator 禁用表单上的所有按钮？

Question

我正在使用来自 nghuuphuoc 的 boostrapvalidator，我遇到了这种情况，当验证被触发时，我的所有按钮都被禁用。这对我来说是个问题，因为我希望从验证中跳过特定按钮。无论如何使用验证器来做这件事吗？

谢谢！

Answer 1

我遇到了同样的问题，如果表单具有无效字段，我希望保持两个按钮处于活动状态。

想出了三种可能的解决方案。

默认情况下，如果至少有一个无效字段，提交按钮将被禁用

如果表单字段无效，则禁用多个按钮的最小通用示例。

解决方案-1

将其他按钮的类型从 更改type="submit"为type="button"将使其他按钮保持活动状态，并且仅在表单字段无效时才禁用提交按钮。

小提琴

---

解决方案-2

name="submitme" 仅将属性添加到表单submit按钮并在 bootstrapvalidator插件调用中定义它。
重要提示：如果您这样做，请勿使用属性，即使字段有效name="submit"，提交按钮仍将保持禁用状态。

注意：在此解决方案中，所有按钮都有type="submit"

$(document).ready(function () {
    $('#selector').bootstrapValidator({
        submitButtons: 'button[name="submitme"]',
        // Rest of the validation code goes here
    });
});

如果表单字段无效，这只会禁用submit按钮并使其他按钮保持活动状态。

小提琴

---

解决方案-3

使用表单事件status.field.bv并检查表单字段是否有效或不让其他按钮保持活动状态

注意：此解决方案经过测试，适用于新版本0.5.3

$(document).ready(function () {
    $('#selector').bootstrapValidator({
        // Rest of the validation code goes here
    }).on('status.field.bv', function (e, data) {
        formIsValid = true; 
        if(formIsValid) { 
            $('#cancel').attr('disabled', false);
            $('#reset').attr('disabled', false);
        }
    });
});

注意：id's如果表单字段无效，添加到需要活动的按钮。

小提琴