Блокировка кнопки после отправки формы
Всем добрый вечер!!! имеется такой код
Код:
<form method="post" id="chk"> $(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. Хелпп |
Проблема не совсем понятна.
Просто заблокировать кнопку document.getElementById('block').disabled = true; Вопрос заблокировать совсем или до какого то определенного момент времени? |
да кнопка то блокируется на время но не отправляется форма сама , а так по идеи после отправки формы кнопка должна блокироваться на 10м
|
Часовой пояс GMT +3, время: 17:02. |