BootStrap+Validator在JS中操作校验功能
程序员文章站
2022-05-19 07:51:29
...
这次给大家带来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。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是BootStrap+Validator在JS中操作校验功能的详细内容,更多请关注其它相关文章!
上一篇: 关于Laravel 全局数据的处理
推荐阅读