欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrap 動態(tài)添加驗證項和取消驗證項的實現(xiàn)方法

 更新時間:2022年05月20日 11:31:36   作者:Flying_Boy  
這篇文章主要介紹了BootStrap 動態(tài)添加驗證項和取消驗證項的實現(xiàn)方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

bootstrap 中的bootstrapValidator可以對前端的數(shù)據(jù)進行驗證,但是有的時候我們需要動態(tài)的添加驗證,這樣需要我們動態(tài)的對bootstrapValidator的內容做修改。

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

$('#MaintainEntryForm').bootstrapValidator({
message: '輸入值無效!',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
Specifications: {
validators: {
notEmpty: { message: '請輸入規(guī)格!' }
}
},
ProductNameEN: {
validators: {
notEmpty: { message: '請輸入英文名稱!' }
}
},
ApplyUnit: {
validators: {
notEmpty: { message: '請輸入申報單位!' },
stringLength: {
min: 1,
max: 3,
message: '申報單位最多輸入3位!'
}
}
},
SuttleWeight: {
validators: {
notEmpty: { message: '請輸入凈重!' },
//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();
}
});

這樣的驗證在頁面有交互的需求的時候不能夠滿足條件,所以我們需要動態(tài)的對驗證條件進行修改,這里的做法是先把所有可能用到的條件先全部添加進去,在指定條件下去除篩選條件。

去除方式

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

這樣 名稱為ApplyUnit的驗證凡是就不會起作用了

對于已經(jīng)提示報錯信息的要去除驗證信息的可以使用以下方式

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

這樣頁面對應的ApplyQty 字段后面驗證信息就會消失 不用重置整個bootstrapValidator 就可以了

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

相關文章

  • js子頁面獲取父頁面數(shù)據(jù)示例

    js子頁面獲取父頁面數(shù)據(jù)示例

    這篇文章主要介紹了js子頁面如何獲取父頁面數(shù)據(jù),需要的朋友可以參考下
    2014-05-05
  • JavaScript實現(xiàn)帶緩沖效果的隨屏滾動漂浮廣告代碼

    JavaScript實現(xiàn)帶緩沖效果的隨屏滾動漂浮廣告代碼

    這篇文章主要介紹了JavaScript實現(xiàn)帶緩沖效果的隨屏滾動漂浮廣告代碼,通過JavaScript結合時間函數(shù)動態(tài)響應頁面元素滾動事件實現(xiàn)懸浮廣告的緩沖漂浮效果,非常簡單實用,需要的朋友可以參考下
    2015-11-11
  • js獲取 type=radio 值的方法

    js獲取 type=radio 值的方法

    這篇文章主要介紹了js如何獲取type=radio值,需要的朋友可以參考下
    2014-05-05
  • JavaScript面試題(指針、帽子和女朋友)

    JavaScript面試題(指針、帽子和女朋友)

    本文小編給大家分享一道js面試題--指針、帽子和女朋友的題目,非常有意思,感興趣的朋友參考下吧
    2016-11-11
  • js事件驅動機制 瀏覽器兼容處理方法

    js事件驅動機制 瀏覽器兼容處理方法

    下面小編就為大家?guī)硪黄猨s事件驅動機制 瀏覽器兼容處理方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • 學習JavaScript設計模式之單例模式

    學習JavaScript設計模式之單例模式

    這篇文章主要為大家介紹了JavaScript設計模式中的單例模式,對JavaScript設計模式感興趣的小伙伴們可以參考一下
    2016-01-01
  • 小程序兩種滾動公告欄的實現(xiàn)方法

    小程序兩種滾動公告欄的實現(xiàn)方法

    這篇文章主要介紹了小程序兩種滾動公告欄的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-09-09
  • 淺談js中的in-for循環(huán)

    淺談js中的in-for循環(huán)

    下面小編就為大家?guī)硪黄獪\談js中的in-for循環(huán)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 淺析script標簽中的defer與async屬性

    淺析script標簽中的defer與async屬性

    最近在網(wǎng)上看到一個前輩在寫script標簽的時候,居然同時寫了async和defer屬性,想著這是什么意思呢?所以決定深入的了解下這其中的學問,以下這篇文章就是個人在學習了之后的一些總結分析,有需要的朋友們可以參考借鑒,下面來一起學習學習吧。
    2016-11-11
  • js鼠標坐標獲取常用的三個方法

    js鼠標坐標獲取常用的三個方法

    這篇文章主要給大家介紹了js鼠標坐標獲取常用的三個方法,在 JavaScript中當事件發(fā)生時獲取鼠標的位置是件很重要的事件,需要的朋友可以參考下
    2023-09-09

最新評論