Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Блокировка кнопки после отправки формы (https://javascript.ru/forum/misc/84480-blokirovka-knopki-posle-otpravki-formy.html)

diohoho 23.09.2022 19:22

Блокировка кнопки после отправки формы
 
Всем добрый вечер!!! имеется такой код

Код:

<form method="post" id="chk">
<button type="submit" class="btn btn-success block" id="block" data-id="{{ id }}" name="refresh">Обновить</button>
</form>

И на форуме нашел вот такой вот код

$(function() {
    $.fn.Timer = function Timer(obj) {
        var def = {
            from: 5E3,
            duration: 5E3,
            to: 0,
            callback: null,
            step: function(now, fx) {
                $(fx.elem).html(now | 0)
            }
        };
        var opt = $.extend({}, def, obj);
        return this.each(function(indx, el) {
            $(el).queue(function() {
                el.n = opt.from;
                $(el).dequeue()
            });
            $(el).animate({
                n: opt.to
            }, {
                easing: "linear",
                duration: opt.duration,
                step: opt.step,
                complete: opt.callback
            })
        })
    };
    var end = +localStorage.getItem("end")||0, duration = 180 * 1E3;
    $("#block").on("click", function (event) {
    var time = (new Date).getTime(),
    d = duration;
    if (end && end > time) {
          event.stopPropagation();
          d = end - time;
        }
    else {
       localStorage.setItem("end", time + duration);
    }
    var f = d/1000|0;
        var text = this.defaultValue;
        $(this).prop({
            disabled: true
        }).Timer({
            step: function(now, fx) {
                var a = Math.trunc(now);
                var b = ['секунда','секунды','секунд'];
                a = `${a} ${b[1 == a % 10 && 11 != a % 100 ? 0 : 2 <= a % 10 && 4 >= a % 10 && (10 > a % 100 || 20 <= a % 100) ? 1 : 2]}`;
                fx.elem.value = `текст ${a} текст`;
            },
            from: f,
            duration: d,
            to: 0,
            callback: function() {
                localStorage.setItem("end", "0");
                $(this).prop({
                    disabled: false
                }).val(text)
            }
        })
    })
    if (end && end > (new Date).getTime()) $("#block").click();

});


и тут к сожалению две проблемы,при нажатии кнопка блокируется но не отправляется сама форма , и второе то что блочится вся кнопка и везде а не берет ее по data-id. Хелпп

voraa 24.09.2022 10:20

Проблема не совсем понятна.
Просто заблокировать кнопку
document.getElementById('block').disabled = true;

Вопрос заблокировать совсем или до какого то определенного момент времени?

diohoho 24.09.2022 12:19

да кнопка то блокируется на время но не отправляется форма сама , а так по идеи после отправки формы кнопка должна блокироваться на 10м


Часовой пояс GMT +3, время: 13:29.