想解决form表单重复提交问题,提交的时候禁用提交按钮,因为使用了html5的required属性,所以只能在验证通过后才去禁用按钮,也就是执行submit()的时候禁用按钮
$(function(){
$("form").bind("submit",function(){
$(this).find("input[type=submit]").attr("disabled","disabled");
return true;
});
});
这样写有什么问题么,为什么不能继续提交,
function中只写alert()就可以继续提交,写操作就不能继续提交了,
什么原因,希望哪位大神能帮助我解惑,提供一下解决方法
$(function(){
$("form").bind("submit",function(){
//$(this).find("input[type=submit]").attr("disabled","disabled"); 写这行就提交不了,只刷了一下页面
//alert(1); 只写alert()就可以继续提交
});
});
$(this).find("input[type=submit]").attr("disabled","disabled");//你这句都禁用提交按钮了怎么能继续提交呢。
这样写是不行的,我只给你个思路你自己修改,你可以设置个变量,当这个变量为0时就让它提交同时这个变量加1;
然后在在提交事件里写个if判断当这个变量不为零时让这个按钮不能被点击然后返回false就可以了。
如果回答对你有帮助,请采纳
试了下可以提交,最好补点全代码
<form action="http://google.com">
<input type="text"/>
<input type="submit" value="tijiao"/>
</form>
<script src="statics/js/jquery-1.11.min.js" type="text/javascript"></script>
<script>
$(function(){
$("form").bind("submit",function(){
$(this).find("input[type=submit]").attr("disabled","disabled");
return true;
});
});
</script>
disable了submit