[英]Why is it necessary to specify the row property of a field when using formValidation.js?
[英]Adding a custom function to formValidation.js configuration
我具有以下配置,當按下提交按鈕時,該配置可驗證表單:
$('#myForm').formValidation({
framework: 'bootstrap',
excluded: [':disabled'],
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
title: {
validators: {
notEmpty: {
message: 'Title is required (max 128 characters)'
}
}
},
rating: {
validators: {
notEmpty: {
message: // Call function here? check for 0
}
}
}
}
});
評分字段是一個滑塊,用戶可以在其中選擇0到5之間的一個值
默認情況下它是0,所以當我按Submit時它會驗證為有效,因此我需要創建一個自定義函數,該函數將檢查其值是否為0,然后返回invalid,否則返回true。
html如下:
<input id="Rating" name="rating" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="5" data-slider-step="1" data-slider-value="" /> <span id="rate" style="margin-left:5%">0 / 5</span>
HTML呈現時的外觀以及引用的bootstrap-slider.js
<input id="Rating" type="text" data-slider-value="" data-slider-step="1" data-slider-max="5" data-slider-min="0" data-slider-id="ex1Slider" name="rating" data-fv-field="rating" style="display: none;" data="value: '0'" value="0">
為什么不嘗試大於驗證器:
rating: {
validators: {
greaterThan: {
value: 0
}
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.