Jquery 如何防止Boostrapvalidator禁用窗体上的所有按钮?
我使用的是nghuuphuoc的boostrapvalidator,我遇到了这种情况,当启动验证时,所有按钮都被禁用。这对我来说是个问题,因为我希望从验证中跳过特定的按钮。是否有使用验证器执行此操作的方法Jquery 如何防止Boostrapvalidator禁用窗体上的所有按钮?,jquery,twitter-bootstrap,bootstrapvalidator,Jquery,Twitter Bootstrap,Bootstrapvalidator,我使用的是nghuuphuoc的boostrapvalidator,我遇到了这种情况,当启动验证时,所有按钮都被禁用。这对我来说是个问题,因为我希望从验证中跳过特定的按钮。是否有使用验证器执行此操作的方法 谢谢 我遇到了同样的问题,如果表单有无效字段,我希望保持两个按钮处于活动状态 找出了三个可能的解决方案 默认情况下,如果至少有一个无效字段,则“提交”按钮将被禁用 如果表单字段无效,则禁用多个按钮的最小泛型 解决方案-1 将其他按钮的类型从type=“submit”更改为type=“butto
谢谢 我遇到了同样的问题,如果表单有无效字段,我希望保持两个按钮处于活动状态 找出了三个可能的解决方案 默认情况下,如果至少有一个无效字段,则“提交”按钮将被禁用 如果表单字段无效,则禁用多个按钮的最小泛型 解决方案-1 将其他按钮的类型从
type=“submit”
更改为type=“button”
将使其他按钮保持活动状态,并且仅当表单字段无效时才禁用提交按钮
解决方案2 添加属性
name=“submitme”
仅用于形成submit
按钮,并在bootstrapvalidator
插件调用中定义它。重要提示:不要使用属性
name=“submit”
,如果这样做,即使字段有效,提交按钮也将保持不变
注意:在此解决方案中,所有按钮都有type=“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
,如果表单字段无效,则该按钮需要处于活动状态
请在代码片段中发布完整的代码示例(HTML/CSS/JS)。
$(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);
}
});
});