简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

阻止表单提交按钮多次提交的完美解决方法

来源:易贤网   阅读:1423 次  日期:2016-06-29 15:16:34

温馨提示:易贤网小编为您整理了“阻止表单提交按钮多次提交的完美解决方法”,方便广大网友查阅!

下面小编就为大家带来一篇阻止表单提交按钮多次提交的完美解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考

如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。

另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。

onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次后立马将按钮设置为不可使用。

或者向如下方法另行定义一个jQuery函数来进行控制:

$("form").submit(function(){

$(":submit",this).attr("disabled","disabled");

});

以上这篇阻止表单提交按钮多次提交的完美解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery 常用代码集锦(必看篇)
下一篇:js判断登陆用户名及密码是否为空的简单实例
易贤网手机网站地址:阻止表单提交按钮多次提交的完美解决方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!