還是表單驗證的問題，發現如果表單內有使用BootStrap-select的下拉選框，在重置表單內容時，會觸發對下拉選框的驗證，并且驗證的提示不會被清除，仍然會存在。

1.HTML結構

<form >  ...  <div class="form-group fieldValue-parDiv valideDiv">    <select name="directPicker"  class="form-control form-control28">      <option value="fromEastToWest">自東向西</option>      <option value="fromWestToEast">自西向東</option>      <option value="fromSourthToNorth">由南往北</option>      <option value="fromNorthToSourth">由北往南</option>    </select>  </div>  ...  <button type="button" >重置<button></form>

2.錯誤的重置按鈕綁定事件

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

此時點擊重置按鈕只會將選框初始化，但是卻會觸發對下拉選框的驗證，此前我們已經將選框重置，所以肯定是通不過驗證得到，所以會出現紅色的提示信息。那么如何將這些提示信息也去掉？

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

$('#resetForm').on('click', function () {  //下拉選框初始化  $("#selectDirect").selectpicker('deselectAll');  //啟用字段驗證器  $('#validatorForm').data('bootstrapValidator').enableFieldValidators('directPicker', true);})

enableFieldValidators(field, enabled, validator)用來開啟/關閉字段驗證器。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持IIS7站長之家。