避免表单重复提交方法

最新推荐文章于 2024-09-01 07:00:00 发布

代码痴汉

最新推荐文章于 2024-09-01 07:00:00 发布

阅读量244

点赞数

分类专栏： web开发

本文链接：https://blog.csdn.net/lieyanhaipo/article/details/78642315

版权

web开发专栏收录该内容

50 篇文章 0 订阅

订阅专栏

 1. 按钮点击之后将其置灰，设置为不可点击
 <form action="" method="post" onsubmit="onSubmit(this)">
    <input type="input" name="username" value=""/>
    <input id="sub" type="submit" value="提交"/>
</form>
<script>
    var isCommited = false;
    function submitOnce(form){
            document.getElementById("sub").setAttribute("disabled"，true);
   }
</script>

 2. 利用JavaScript的功能，但是使用的是OnSubmit()方法，如果已经提交过一次表单，将立即弹出对话框

<form action="" method="post" onSubmit="return submitOnce(this)">
    <input type="input" name="username" value=""/>
    <input type="submit" value="提交">
</form>
<script>
    var isCommited = false;
    function submitOnce(form){
        if(!isCommited){
            isCommited = true;
            return true;
        }else{
            console.log("重复提交");
            return false；
        }
    }
</script>