BootStrap+Validator在JS中操作校驗功能

來源：懂視網責編：小采時間：2020-11-27 19:54:23

BootStrap+Validator在JS中操作校驗功能

BootStrap+Validator在JS中操作校驗功能:這次給大家帶來BootStrap+Validator在JS中操作校驗功能，BootStrap+Validator在JS中操作校驗功能的注意事項有哪些，下面就是實戰案例，一起來看一下。這是開始的校驗代碼 function initValidate() { <span style="whi

推薦度：

點擊下載本文 文檔為doc格式

導讀BootStrap+Validator在JS中操作校驗功能:這次給大家帶來BootStrap+Validator在JS中操作校驗功能，BootStrap+Validator在JS中操作校驗功能的注意事項有哪些，下面就是實戰案例，一起來看一下。這是開始的校驗代碼 function initValidate() { <span style="whi

這次給大家帶來BootStrap+Validator在JS中操作校驗功能，BootStrap+Validator在JS中操作校驗功能的注意事項有哪些，下面就是實戰案例，一起來看一下。

這是開始的校驗代碼

function initValidate() { 
<span style="white-space:pre"> </span>$('#detailform').bootstrapValidator({ 
<span style="white-space:pre"> </span>feedbackIcons : { 
<span style="white-space:pre"> </span>valid : 'glyphicon glyphicon-ok', 
<span style="white-space:pre"> </span>invalid : 'glyphicon glyphicon-remove', 
<span style="white-space:pre"> </span>validating : 'glyphicon glyphicon-refresh' 
<span style="white-space:pre"> </span>}, 
<span style="white-space:pre"> </span>fields : { 
<span style="white-space:pre"> </span>txPassword : { 
<span style="white-space:pre"> </span>validators : { 
<span style="white-space:pre"> </span>notEmpty : { 
<span style="white-space:pre"> </span>message : '交易密碼不能為空' 
<span style="white-space:pre"> </span>}, 
<span style="white-space:pre"> </span>notSameAndContinuity : { 
<span style="white-space:pre"> </span>message : '密碼必須為6位不相同、不連續的數字' 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>}); 
 };

有時我們需要根據條件，添加或移除

添加用addFile，approvalMemo 是input的name值

$("#detailform").bootstrapValidator("addField", "approvalMemo", { 
<span style="white-space:pre"> </span>validators: { 
<span style="white-space:pre"> </span>notEmpty : { 
<span style="white-space:pre"> </span>message : '審批意見不能為空' 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>} 
<span style="white-space:pre"> </span>}); 
$("#detailform").bootstrapValidator('removeField','approvalMemo');

移除用removeFile。

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

BootStrap+Validator在JS中操作校驗功能

推薦度：

點擊下載本文 文檔為doc格式

標簽：驗證 js 校驗

熱門焦點

BootStrap+Validator在JS中操作校驗功能

BootStrap+Validator在JS中操作校驗功能

BootStrap+Validator在JS中操作校驗功能

最新推薦

猜你喜歡

熱門推薦