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中操作校验功能

最新推荐

猜你喜欢

热门推荐