溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
還是表單驗證的問題，發現如果表單內有使用BootStrap-select的下拉選框，在重置表單內容時，會觸發對下拉選框的驗證，并且驗證的提示不會被清除，仍然會存在。
1.HTML結構
<form id="validatorForm">
...
<div class="form-group fieldValue-parDiv valideDiv">
<select name="directPicker" id="selectDirect" 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" id="resetForm">重置<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)用來開啟/關閉字段驗證器。
| 參數(*為必填) | 類型 | 描述 |
|---|---|---|
| field* | String | 字段名稱 |
| enabled* | Boolean | 為true時開啟字段驗證器，為false時則關閉 |
| validator | String | 驗證器名稱，如果未設置，所有字段驗證器將會開啟/關閉 |
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
