`
moqiang02
  • 浏览: 529415 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

JQuery脚本-通过禁用按钮防止表单重复提交

阅读更多
<script type="text/javascript">
/*
jquer 脚本,避免重复提交
隐藏点击的submit,后在他之后插入同名button伪装成被隐藏的submit
最后禁用全部可见的submit和button
最终效果:点击按钮提交表单后,点击后退按钮,返回提交表单页面,提交按钮已被禁用
注:此方法毕竟在客户端处理,防君子不防小人
*/
    $(document).ready(function() {
        $(":submit").click(function() {
            $(this).hide();
            $(this).after("<input type=\"button\" value=\"" + $(this).val() + "\">");
            $(":submit:visible").attr("disabled", "disabled");
            $(":button:visible").attr("disabled", "disabled");
            alert($(this).val());
        });
    });
</script>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics