我有一个有关列的表,该表决定该列是否为隐藏/重新填充/不要求。
如何设置bootstrapvalidator设置来完成此操作? 我应该将所有列设置为
吗?已启用:错误
然后在for循环中调用类似这样的内容? (来自http://bootstrapvalidator.votintsev.ru/examples/enable-validator/)
var isEmpty = $(this).val() == '';
$('#enableForm')
.bootstrapValidator('enableFieldValidators', 'password', !isEmpty)
.bootstrapValidator('enableFieldValidators', 'confirm_password', !isEmpty);
// Revalidate the field when user start typing in the password field
if ($(this).val().length == 1) {
$('#enableForm').bootstrapValidator('validateField', 'password')
.bootstrapValidator('validateField', 'confirm_password');
}
这是我的代码示例。我想知道这是否是一个很好的解决方案。 任何建议,将不胜感激。谢谢您的阅读。
注意:更改数据库中的数据时,它应该很灵活
js
for(var paramKey in C0101000001_DIV2.attrMap){
$("div[id$='"+paramKey+"']").show();
}
$("#incidentForm").bootstrapValidator({
//live: 'enabled',
fields: {
contactName: {
validators: {
notEmpty: {
message: '請填寫姓名'
}
}
},
contactMail: {
validators: {
notEmpty: {
message: '請填寫聯絡資訊-Email'
},
emailAddress: {
message: 'Email格式有誤'
}
}
},
incidentTitle:{
validators: {
notEmpty: {
message: '請填寫事件主旨'
}
}
},
incidentDescription:{
validators: {
notEmpty: {
message: '請填寫事件描述'
}
}
}
}
});
html
<form class="form-horizontal" id="incidentForm" >
<div class="form-group" id="div_contactName" style="display:none">
<label class="col-md-2 control-label"><span class="spanstar">*</span>聯絡資訊-姓名:</label>
<div class="col-md-4">
<input type="text" class="form-control" id="contactName" name="contactName" placeholder="請填寫聯絡資訊-姓名" maxlength="20">
</div>
</div>
<div class="form-group" id="div_contactMail" style="display:none">
<label class="col-md-2 control-label"><span class="spanstar">*</span>聯絡資訊-Email:</label>
<div class="col-md-4">
<input type="text" class="form-control" id="contactMail" name="contactMail" placeholder="請填寫聯絡資訊-Email">
</div>
</div>
<div id="div_incident">
<div class="form-group" id="div_incidentTitle" style="display:none">
<div class="col-md-2 control-label">
<label class="control-label"><span class="spanstar">*</span>事件主旨:</label>
</div>
<div class="col-md-10 col-md-8">
<input type="text" class="form-control" id="incidentTitle" name="incidentTitle" placeholder="請填寫事件主旨 (字數限100字)" maxlength="100">
</div>
</div>
<div class="form-group" id="div_incidentDescription" style="display:none">
<div class="col-md-2 control-label">
<label class="control-label">內容說明/<br>事件描述:</label>
</div>
<div class="col-md-10 col-md-8">
<textarea class="form-control" id="incidentDescription" name="incidentDescription" placeholder="請填寫事件描述(字數限2000字)" rows="5" maxlength="2000"></textarea>
</div>
</div>
</div>