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