在弹出的modal框中进行表单验证, 关闭modal后, 表单验证信息无法被正确清理, 查阅了很多资料, 发现自己写错了关闭modal的事件。
官网: http://bootstrapvalidator.votintsev.ru/api/#usage
清除表单验证信息:
// modal 新增基本字段事件 显示事件, 清空已有的值
$('#addBaseFieldModal').on('show.bs.modal', function (e) {
$('#baseFieldForm input').val('');
$("#returnMessage").hide().html('');
//form.data('bootstrapValidator').resetForm(true);
//$('#baseFieldForm').bootstrapValidator('resetForm');
//form.data('bootstrapValidator').updateStatus('chnName', 'NOT_VALIDATED').validateField('chnName');
//form.data('bootstrapValidator').updateStatus('engName', 'NOT_VALIDATED').validateField('engName');
//form.data('bootstrapValidator').updateStatus('abbreviate', 'NOT_VALIDATED').validateField('abbreviate');
});
// modal 新增基本字段事件 关闭事件事件, 清空已有的值 恢复禁用
$('#addBaseFieldModal').on('hide.bs.modal', function (e) {
$('#baseFieldForm input').removeAttr("readonly");
$('#saveBtn').removeAttr("disabled");
$('#baseFieldForm input').val('');
$("#returnMessage").hide().html('');
//form.data('bootstrapValidator').destroy();
//alert("hide bs model s ");
form.data('bootstrapValidator').resetForm(true);
//$('#baseFieldForm').bootstrapValidator('resetForm');
//form.data('bootstrapValidator').updateStatus('chnName', 'NOT_VALIDATED').validateField('chnName');
//form.data('bootstrapValidator').updateStatus('engName', 'NOT_VALIDATED').validateField('engName');
//form.data('bootstrapValidator').updateStatus('abbreviate', 'NOT_VALIDATED').validateField('abbreviate');
//alert("hide bs model ed ");
});
注意: restForm 只会清理form中加入验证的那些input (包括值、验证状态、验证图标等) ,但是 不会清理没加入验证的input的内容;
使用
$('#baseFieldForm input').val('');
$("#returnMessage").hide().html('');
来进行清理!