BootStrap+Validator在JS中操作校验功能
- php中世界最好的语言原创
- 2018-04-17 16:30:291223浏览
这次给大家带来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。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是BootStrap+Validator在JS中操作校验功能的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn