微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BootstrapValidator不触发校验的实现代码

一、前言

BootstrapValidator是基于bootstrap3的jquery表单验证插件,是最适合bootstrap框架的表单验证插件,在工作中用到此框架就写下自己在使用中积累的一些心得

二、问题描述

当按钮的类型为submit时,使用bootstrapValidator的isValid()能够使验证表单正常工作,但当button的type类型为button时,只调用bootstrapValidator的isValid()方法无法正常工作。这时候就需要使用bootstrapValidator的validate()方法进行激活。

三、项目代码

1、JSP中

rush:js;"> dismiss="modal">×

2、JS

rush:js;"> 管理员前台校验 $("#addAdminForm").bootstrapValidator({ message: 'This value is not valid',//反馈图标 FeedbackIcons:faIcon,fields: { loginName:{ message:'登录名无效',validators:{ notEmpty:{ message:'登录名不能为空' },StringLength:{ min:5,max:30,message:'用户名长度大于6位并且小于30位' },regexp:{ regexp:/^[a-zA-Z0-9_]+$/,message:'用户名只能由字母、数字和下划线' } } },userName: { message: '用户名格式不正确',validators: { notEmpty: { message: '用户名不能为空' },stringLength: { min: 6,max: 30,message: '用户名长度大于6位并且小于30位' },regexp: { regexp: /^[a-zA-Z0-9_]+$/,message: '用户名只能由字母、数字和下划线' } } },password: { validators: { notEmpty: { message: '邮箱不能为空' },emailAddress: { message: '输入的不是一个有效的电子邮件地址' } } } } });

<span style="font-size:14px;">// 新增操作员
function addAdmin() {
/手动验证表单,当是普通按钮时。/
$('#addAdminForm').data('bootstrapValidator').validate();
if(!$('#addAdminForm').data('bootstrapValidator').isValid()){
return ;
}
$("#addAdminForm").ajaxSubmit({
dataType : 'json',type : "post",success : function(json) {
if (json.status == "succ") {
doQuery();
Modal.alert({
msg : "操作成功"
});
$("#addAdminDialog").modal('hide');
} else {
Modal.alert({
msg : json.msg
});
}
},error : function() {
Modal.alert({
msg : "操作失败"
});
}
});
}

四、效果

以上所述是小编给大家介绍的BootstrapValidator不触发校验的实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

bootstrap

相关推荐