javascript - bootstrapValidator-启用和禁用字段验证

标签 javascript jquery twitter-bootstrap-3 bootstrapvalidator jqbootstrapvalidation

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

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

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

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

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

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

my template.html looks like:
<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..
}
});
});

最佳答案

更改此if ($(this).val() == -999)if ($(this).val() == '-999')

关于javascript - bootstrapValidator-启用和禁用字段验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41930962/

相关文章:

javascript - 防止输入无效日期的 AngularJS 指令

javascript - 单击或滚动 div 更改列表类

javascript - 如何将 Laravel foreach 放入 JS 文件中?

javascript - 类似于 document.ready 的事件可用作 Awesomium.Net 中 Bootstrap 问题的解决方法

css - Bootstrap - 不同网格前缀的不同 CSS 规则

javascript - 如何在没有JQuery的情况下调用Bootstrap的折叠方法

javascript - Phonegap xmlhttprequest 不返回 xml 数据

javascript - 通过 REST API 上的 GET 请求发送图像数据

jquery - 使用jquery设置标签属性

javascript - 在虚拟表中单击功能不起作用