使用jQuery短时间禁用提交按钮?

时间:2011-10-28 12:35:38

标签: javascript jquery form-submit time-limiting

[我对jQuery很新,所以如果我出错了就不要怪我]

我一直在浏览这里的问题:“点击后禁用提交按钮”。好的,周围有很多这些东西,但我无法找到如何在有限的时间内禁用它。例如20秒。

也许我是白痴但是怎么样?

[我只有一个简单的html表格]

2 个答案:

答案 0 :(得分:18)

var enableSubmit = function(ele) {
    $(ele).removeAttr("disabled");
}

$("#submit").click(function() {
    var that = this;
    $(this).attr("disabled", true);
    setTimeout(function() { enableSubmit(that) }, 1000);
});

演示:http://jsfiddle.net/pHxF2/2/

答案 1 :(得分:0)

我知道回答这个问题已经有好几年了,但是我很难解决这个问题。我有一些适合我的东西:

var enableBtn = function() {
        $('.btn').attr("disabled", false);
        }
        $('.second').click(function (){
            var that = this;
            $('.second').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });
        $('.main').click(function (){
            var that = this;
            $('.main').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });
        $('.disableall').click(function (){
            var that = this;
            $('.btn').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn main" value="disable this">
<input type="button" class="btn second" value="disable this">
<input type="button" class="btn disableall" value="disable all">