欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

BootStrap Validator 根据条件在JS中添加或移除校验操作

程序员文章站 2022-06-24 17:23:32
这是开始的校验代码  function initvalidate() { ...

这是开始的校验代码 

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。

总结

以上所述是小编给大家介绍的bootstrap validator 根据条件在js中添加或移除校验,希望对大家有所帮助