BootstrapValidator很漂亮,但漂亮的脸蛋下往往会隐藏杀机,这不,出现了重复提交的bug。
// validate form$("form.required-validate", $p).each(function() { var $form = $(this); $form.bootstrapValidator().on('success.form.bv', function(e) { // 阻止默认事件提交 e.preventDefault(); });});
为BootstrapValidator设置on方法,其key为success.form.bv
,value为e.preventDefault();
。
调查结果:
<form class="required-validate" action="${ctx}/mem/login?callbackType=forward" method="post" onsubmit="return validateCallback(this, tabAjaxDone)" type="login">...<button type="submit" style="width: 100%;" class="btn btn-default">提交</button></form>
描述:
这是一个普通的form表单,action中为请求地址,form中有onsubmit方法,主要是为了验证表单,然后发送请求,最后回调tabAjaxDone方法。
如果你还想看得更加仔细,请参阅哈哈,bootstrap validate就是不错,里面有具体的介绍和代码。
再查看validate对象,可以看到它默认有很多事件,其中formsuccess的嫌疑最大,也就是说有可能是其再次触发了提交请求。
// validate form$("form.required-validate", $p).each(function() { var $form = $(this); $form.bootstrapValidator();// .on('success.form.bv', function(e) {// // 阻止默认事件提交// e.preventDefault();// });});
e.preventDefault();
阻止默认事件提交。笑对现实的无奈,不能后退的时候,不再傍徨的时候,永远向前 路一直都在──陈奕迅《路一直都在》
本文出自:【沉默王二的博客】
联系客服