使用 bootstrapValidator 启用和禁用字段验证答案

【问题标题】：enable and disable field validation using bootstrapValidator使用 bootstrapValidator 启用和禁用字段验证
【发布时间】：2017-01-30 10:47:17
【问题描述】：

所以我尝试在线检查几个解决方案，但我找不到解决我使用 bootstrapvalidator 启用和禁用字段验证的问题的解决方案。

当有人输入负数（例如 -4、-100、-545 等）和任何非数字的数字（例如 4.4.4、4.r、4t）时，我有一个应该给出错误的字段等等）。但是我想设置一个在用户输入 -999 时不会出错的条件。

当用户输入其他非负数和非数字的数字时，代码运行良好。如果用户输入负数或非数字，则会显示错误。用户输入 -999 时的问题验证为真（不显示错误），但如果用户将数字（-999）更改为其他数字，如负数和非数字，我的字段验证停止工作（意思是不显示任何错误，尽管它应该显示）。

那么如何启用和禁用字段验证或设置字段验证条件以使用 bootstrapValidator 解决我的问题..???

希望你们已经遇到过这样的问题，希望你们能帮我解决这个难题。

您可以在这里尝试：https://jsfiddle.net/os3b0dqx/ 看看它是如何工作的

我的 template.html 看起来像：

<form class="well form-horizontal" action=" " method="post" id="myform">
    <div class="form-group">
        <label class="col-xs-3 control-label">Length</label>
        <div class="col-xs-5">
            <input type="text" class="form-control" id="length" name="length" />
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-5 col-xs-offset-1">
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>
<script>
    $(document).ready(function() {
        $('#myform').bootstrapValidator({
            feedbackIcons: {
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                length: {
                    validators: {
                        greaterThan: {
                            value: 0,
                            message: 'The value must be greater than or equal to zero'
                        },
                        numeric: {
                            message: 'The value is not a number',
                            thousandsSeparator: '',
                            decimalSeparator: '.'
                        },
                        notEmpty: {
                            message: 'Please fill the length'
                        }
                    }
                },
            }
        }).on('click keyup input change', '[name="length"]', function() {
            if ($(this).val() == -999) {
                $('#myform').bootstrapValidator('enableFieldValidators', 'length', false);
            } else {
                $('#myform').bootstrapValidator('validateField', 'length');
                //$('#myform').bootstrapValidator('enableFieldValidators','length',true);
                // both "validateField" and "enableFieldValidators" doesn't work for me..
            }
        });
    });

【问题讨论】：

标签： javascript jquery twitter-bootstrap bootstrapvalidator jqbootstrapvalidation

【解决方案1】：

删除您的事件侦听器并将前两条规则替换为只允许正数和您的特定值的正则表达式：

$('#myform').bootstrapValidator({
  fields: {
    length: {
      validators: {
        regexp: {
          regexp: '^[+]?[0-9]+([.,][0-9]+){0,1}$|^-999$',
          message: 'The value must be a number greater than or equal to zero'
        },
        notEmpty: {
          message: 'Please fill the length'
        }
      }
    },
  }
});

【讨论】：