解决bootstrapValidator校验通过但提交表单无反应问题

最新推荐文章于 2024-07-29 21:58:22 发布

辛丑年正月十五

最新推荐文章于 2024-07-29 21:58:22 发布

阅读量6.6k

点赞数

分类专栏： BootStrap 文章标签： bootstrapValidator校验通过提交表单无反应

本文链接：https://blog.csdn.net/cm777/article/details/81319037

版权

BootStrap 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今日在使用bootstrapValidator进行表单校验的时候出现了一个问题

表单明明已经通过验证但是无论如何都提交不到了点击提交按钮没有任何反应

这里有两种解决方式

第一：整个form表单中不能存在第二个值为submit的属性否则提交表单时将没有任何反应

第二：$('form').bootstrapValidator({

...一系列验证

}).on('success.form.bv',function(){

var flag = $('#form').data("bootstrapValidator").isValid();//校验合格

if(flag){

var $form = $('#form');

$.ajax({
                           url:$form.attr('action'),
                           data:$form.serialize(),
                           type:'post',
                           beforeSend:function(){
                       layer.msg('正在登录');
                   },
                           success:function(data){
layer.msg('登录成功');
                           },
                           error:function(e){
                               console.log(e);
                               layer.msg('出错咯o(╥﹏╥)o,请与后台联系!',{
                                   btn:'我知道了'
                               })
                           }
                       })

}

})

$('form').bootstrapValidator({
...一系列验证
}).on('success.form.bv',function(){
var flag = $('#form').data("bootstrapValidator").isValid();//校验合格
if(flag){
var $form = $('#form');
$.ajax({
                            url:$form.attr('action'),
                            data:$form.serialize(),
                            type:'post',
                            beforeSend:function(){
                                layer.msg('正在登录');
                            },
                            success:function(data){
                               layer.msg('登录成功');
                            },
                            error:function(e){
                                console.log(e);
                                layer.msg('出错咯o(╥﹏╥)o,请与后台联系!',{
                                    btn:'我知道了'
                                })
                            }
                        })
}
})