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>

你可能感兴趣的:(jquery)