js防止重复提交_js避免重复提交

js

/*方法1：设置一个全局JS变量*/
        var submited = false;
        function checkSubmit() {
            if (!submited)
            {
                submited = true;
                return true;
            }
            else {
                alert("请不要重复提交！");
                return false;
            }
        }
 
        function submitForm() {
            var f = document.getElementById("inputForm");
            if (checkSubmit())
            {
                f.submit();
            }
        }

html

<form action=”about:blank” method=”post” onsubmit =”getElementById(‘submitInput').disabled=true;return true;” target=”_blank”> 
<input type=”submit” id=”submitInput”/> 
</form> 
</body> 
</html>

第二种  jquery本身就可以很好的实现

js

$.ajax({
    //$.ajax请求中的beforeSend方法中把提交按钮禁用掉
    beforeSend: function(){
       $("#submit").attr({ disabled: "disabled" });
    },
    complete: function(){
     //Ajax请求执行完毕，在恢复按钮的可用状态。
      $("#submit").removeAttr("disabled");
    }