BootStrap 動(dòng)態(tài)添加驗(yàn)證項(xiàng)和取消驗(yàn)證項(xiàng)的實(shí)現(xiàn)方法

更新時(shí)間：2022年05月20日 11:31:36 作者：Flying_Boy

這篇文章主要介紹了BootStrap 動(dòng)態(tài)添加驗(yàn)證項(xiàng)和取消驗(yàn)證項(xiàng)的實(shí)現(xiàn)方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

bootstrap 中的bootstrapValidator可以對(duì)前端的數(shù)據(jù)進(jìn)行驗(yàn)證，但是有的時(shí)候我們需要?jiǎng)討B(tài)的添加驗(yàn)證，這樣需要我們動(dòng)態(tài)的對(duì)bootstrapValidator的內(nèi)容做修改。

傳統(tǒng)的bootstrapValidator驗(yàn)證是

$('#MaintainEntryForm').bootstrapValidator({
message: '輸入值無(wú)效！',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
Specifications: {
validators: {
notEmpty: { message: '請(qǐng)輸入規(guī)格！' }
}
},
ProductNameEN: {
validators: {
notEmpty: { message: '請(qǐng)輸入英文名稱(chēng)！' }
}
},
ApplyUnit: {
validators: {
notEmpty: { message: '請(qǐng)輸入申報(bào)單位！' },
stringLength: {
min: 1,
max: 3,
message: '申報(bào)單位最多輸入3位！'
}
}
},
SuttleWeight: {
validators: {
notEmpty: { message: '請(qǐng)輸入凈重！' },
//regexp: { regexp: /^\d{0,8}\.{0,1}(\d{1,3})?$/, message: '凈重只能輸入大于等于0的整數(shù)或者3位小數(shù)！' },
callback: {
message: '凈重只能輸入大于0的整數(shù)或者3位小數(shù)！',
callback: function (value, validator, $field) {
var reg = /^\d{0,8}\.{0,1}(\d{1,3})?$/;
return parseFloat(value) > 0 && reg.test(value);
}
}
}
}
}
}).on("success.form.bv", function (e) {
if (EntryInfo.SaveType == 1) {
EntryInfo.SaveEntryInfo();
}
else if (EntryInfo.SaveType == 2) {
EntryInfo.SaveAndSubmitAudit();
}
});

這樣的驗(yàn)證在頁(yè)面有交互的需求的時(shí)候不能夠滿(mǎn)足條件，所以我們需要?jiǎng)討B(tài)的對(duì)驗(yàn)證條件進(jìn)行修改，這里的做法是先把所有可能用到的條件先全部添加進(jìn)去，在指定條件下去除篩選條件。

去除方式

$('#MaintainEntryForm').data('bootstrapValidator').validateField('ApplyUnit');

這樣名稱(chēng)為ApplyUnit的驗(yàn)證凡是就不會(huì)起作用了

對(duì)于已經(jīng)提示報(bào)錯(cuò)信息的要去除驗(yàn)證信息的可以使用以下方式

$('#MaintainEntryForm').data('bootstrapValidator')
.updateStatus('ApplyQty', 'NOT_VALIDATED', null)
.validateField('ApplyQty');

這樣頁(yè)面對(duì)應(yīng)的ApplyQty 字段后面驗(yàn)證信息就會(huì)消失不用重置整個(gè)bootstrapValidator 就可以了

以上所述是小編給大家介紹的BootStrap 動(dòng)態(tài)添加驗(yàn)證項(xiàng)和取消驗(yàn)證項(xiàng)的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: