添加Bootstrap表单验证之后无法提交表单

问题:一个登录页面使用BootstrapValidator表单验证之后,输入正确的格式点击登录,发现表单没有提交,并且登录按钮变为不可选,只有输入一次错的格式之后再输入正确的格式才能登录成功。

代码如下:

<button type="submit"  id="subLogin" class="btn text-muted text-center btn-danger" >登 录</button>
//登录验证
	$("#formLogin").bootstrapValidator({
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
		fields: {
                username: {
                    validators: {
                        notEmpty: {
                            message: '用户名不能为空'
                        },
                        emailAddress: {
                            message: '邮箱地址格式有误'
                        }
                    }
                },password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        }
                    }
                }
            }
	});
	//提交登录
	$("#subLogin").click(function(){
		$("#formLogin").bootstrapValidator('validate');//提交验证
	});

解决方案:

最后发现是因为提交事件的原因,根本不需要这个方法,把

	//提交登录
	$("#subLogin").click(function(){
		$("#formLogin").bootstrapValidator('validate');//提交验证
	});

这个方法去掉以后就正常了!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值