[分享] JavaScript 防止表单二次提交

JS Code:

    <script type="text/javascript">
//        //方法一：
//        var submit = 0;
//        function checkSubmit(){
//            submit = submit + 1;
//            if (submit > 1){;
//                alert('第 '+ submit +' 次提交');
//                return false;
//            }
//            return true;
//        }
        //方法二：
        var checkSubmitFlg = false;
        function checkSubmit(){
            if (!checkSubmitFlg){
                //第一次提交
                checkSubmitFlg = true;
                return true;
            }else{
                //重复提交
                alert("数据正在传送中，请勿重复提交！");
                return false;
            }
        }
    </script>

HTML Code:

<asp:Button ID="Button1" runat="server" Text="提   交" OnClientClick="return checkSubmit();" OnClick="Button1_Click" />

CS Code:

    protected void Button1_Click(object sender, EventArgs e)     {
        //为了测试提交时延迟效果，加个线程模拟下提交时间
        System.Threading.Thread.Sleep(5000);   
    }

现在已经可以测试出，提交第二次的时候就弹出来啦。