BootstrapValidation一些tips

最新推荐文章于 2022-02-21 09:44:54 发布

weixin_33774615

最新推荐文章于 2022-02-21 09:44:54 发布

阅读量84

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/firejava/p/6673787.html

BootstrapValidation一些tips:
1. callback的用法
如果你有一些特别的检查需要，比如两个元素必需有一个有值，你可以在两个元素上加上callback，例：sel和cb必需有一个有值
sel:{
validators:{
callback:{
　　message:"必需选一个",
　　　　callback:function(value, validator){
　　　　　　validator.updateStatus('cb', 'VALID');
　　　　　　if(value === "" && !$("#cb").prop("checked")){
　　　　　　　　return false;
　　　　　　}
　　　　　　return true;
　　　　}
　　 }
　 }
},
cb:{
　　validators:{
　　　　callback:{
　　　　　　message:"必需选一个",
　　　　　　callback:function(value, validator){
　　　　　　　　validator.updateStatus('sel', 'VALID');
　　　　　　　　if($("#sel").val() === "" && !$("#cb").prop("checked")){
　　　　　　　　　　return false;
　　　　　　　　}
　　　　　　　　return true;
　　　　　　}
　　　　}
　　}
}
2. 提示消息显示样式, 通过container, 可以给#msgid/.msgclass/tooltip/popover
$("#form1").bootstrapValidator({
　　container:'popover',
　　feedbackIcons: {
　　　　valid: 'glyphicon glyphicon-ok',
　　　　invalid: 'glyphicon glyphicon-remove',
　　　　validating: 'glyphicon glyphicon-refresh'
　　},
　　fields: {
　　}
});