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

今日在使用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:'我知道了'
                                })
                            }
                        })
}
})

 

你可能感兴趣的:(BootStrap)