還是表單驗(yàn)證的問(wèn)題，發(fā)現(xiàn)如果表單內(nèi)有使用BootStrap-select的下拉選框，在重置表單內(nèi)容時(shí)，會(huì)觸發(fā)對(duì)下拉選框的驗(yàn)證，并且驗(yàn)證的提示不會(huì)被清除，仍然會(huì)存在。

在霍山等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制開(kāi)發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都全網(wǎng)營(yíng)銷,成都外貿(mào)網(wǎng)站建設(shè)公司,霍山網(wǎng)站建設(shè)費(fèi)用合理。

1.HTML結(jié)構(gòu)

  ...
  

    
      自東向西
      自西向東
      由南往北
      由北往南
    
  
  ...
  重置

2.錯(cuò)誤的重置按鈕綁定事件

$('#resetForm').on('click', function () {
  //下拉選框初始化
  $("#selectDirect").selectpicker('deselectAll');
})

此時(shí)點(diǎn)擊重置按鈕只會(huì)將選框初始化，但是卻會(huì)觸發(fā)對(duì)下拉選框的驗(yàn)證，此前我們已經(jīng)將選框重置，所以肯定是通不過(guò)驗(yàn)證得到，所以會(huì)出現(xiàn)紅色的提示信息。那么如何將這些提示信息也去掉？

3.正確地重置按鈕綁定事件

$('#resetForm').on('click', function () {
  //下拉選框初始化
  $("#selectDirect").selectpicker('deselectAll');

  //啟用字段驗(yàn)證器
  $('#validatorForm').data('bootstrapValidator').enableFieldValidators('directPicker', true);
})

enableFieldValidators(field, enabled, validator)用來(lái)開(kāi)啟/關(guān)閉字段驗(yàn)證器。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。