引导验证器检查多个空复选框
Posted
技术标签:
【中文标题】引导验证器检查多个空复选框【英文标题】:Boostrap validator check for empty checkbox from multiple 【发布时间】:2019-01-01 22:07:38 【问题描述】:我有多个从名称为array[]
的数据库中获取的检查框。如何为具有相同名称的多个复选框设置空检查?这是一些不同输入的示例,它不工作,但通常应该工作。
这是documentation
通常应该与
一起使用'array[]':
validators:
notEmpty:
message: 'The array is required'
,
choice:
min: 1,
max: 20,
message: 'Please choose 1 - 20 topics'
$(document).ready(function()
$('#formz').bootstrapValidator(
message: 'This value is not valid',
//live: 'submitted',
feedbackIcons:
valid: 'glyphicon',
invalid: 'glyphicon',
validating: 'glyphicon glyphicon-refresh'
,
fields:
'firstinput':
validators:
notEmpty:
message: 'Choose from select'
,
'secondinput':
validators:
notEmpty:
message: 'type any text'
,
'array[]':
validators:
notEmpty:
message: 'The array is required'
,
choice:
min: 1,
max: 20,
message: 'Please choose 1 - 20 topics'
,
,
onSuccess: function(e, data)
$(document).ready(function()
$('#spins').show();
);
)
.on('error.form.bv', function(e)
console.log('error.form.bv');
var $form = $(e.target);
console.log($form.data('bootstrapValidator').getInvalidFields());
data.bv.disableSubmitButtons(false);
)
.on('error.field.bv', function(e, data)
console.log('error.field.bv -->', data);
data.bv.disableSubmitButtons(false);
);
);
<form method='post' action='' enctype="multipart/form-data" name='formz' id='formz'>
<select name='firstinput'>
<option value=''> first </option>
<option value='1'> second </option>
<option value='2'> third </option>
</select>
<input type="text" name="secondinput" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<input type="checkbox" name="array[]" />
<button type="submit" class="btn btn-success btn-block">Apply</button>
</form>
【问题讨论】:
【参考方案1】:我发现了错误。所有复选框都应该在 <div class="form-group">
内,否则它不适用于 bootstrapvalidator
【讨论】:
以上是关于引导验证器检查多个空复选框的主要内容,如果未能解决你的问题,请参考以下文章
如何在引导程序中验证至少标记了一个复选框并将此信息传递给 php?
使用 Jquery 引导验证来验证字段数组中的单个字段以及兄弟字段