您好,欢迎来到税程财经网。
搜索
您的当前位置:首页BootStrap+Validator在JS中操作校验功能

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

来源:税程财经网


这次给大家带来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网其它相关文章!

推荐阅读:

js实现简易24小时时钟

在ie中img标签内存泄漏怎么处理

Copyright © 2019- shuicheng.net 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务