BootstrapValidator不触发校验的实现代码

发布时间：2020-12-18 00:49:09 所属栏目：安全来源：网络整理

导读：一、前言 BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得二、问题描述当按钮的类型为submit时，使用bootstrapValidator的isValid()能够使验证表单正

一、前言

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

二、问题描述

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

三、项目代码

1、JSP中

2、JS

<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不触发校验的实现代码。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!