Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何防止Boostrapvalidator禁用窗体上的所有按钮?_Jquery_Twitter Bootstrap_Bootstrapvalidator - Fatal编程技术网

Jquery 如何防止Boostrapvalidator禁用窗体上的所有按钮?

Jquery 如何防止Boostrapvalidator禁用窗体上的所有按钮?,jquery,twitter-bootstrap,bootstrapvalidator,Jquery,Twitter Bootstrap,Bootstrapvalidator,我使用的是nghuuphuoc的boostrapvalidator,我遇到了这种情况,当启动验证时,所有按钮都被禁用。这对我来说是个问题,因为我希望从验证中跳过特定的按钮。是否有使用验证器执行此操作的方法 谢谢 我遇到了同样的问题,如果表单有无效字段,我希望保持两个按钮处于活动状态 找出了三个可能的解决方案 默认情况下,如果至少有一个无效字段,则“提交”按钮将被禁用 如果表单字段无效,则禁用多个按钮的最小泛型 解决方案-1 将其他按钮的类型从type=“submit”更改为type=“butto

我使用的是nghuuphuoc的boostrapvalidator,我遇到了这种情况,当启动验证时,所有按钮都被禁用。这对我来说是个问题,因为我希望从验证中跳过特定的按钮。是否有使用验证器执行此操作的方法


谢谢

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

找出了三个可能的解决方案

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

如果表单字段无效,则禁用多个按钮的最小泛型

解决方案-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);
        }
    });
});