[分享] 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);   
    }

現在已經可以測試出，提交第二次的時候就彈出來啦。