Запрет на многократное нажатие кнопки

212
12 декабря 2017, 20:27

Доброго времени суток !
Как после одного нажатия заблокировать кнопку формы ?
Гуглил, но все что нагуглил это костыли с большим количеством кода.
Есть варианты с лаконичным и понятным кодом ?
С js не знаком, пользовался только готовыми кодами.

UPD

Нашел вот такой код, но он прячет кнопку.

$('#sendApplySettingsButton').click(function(){
$(this).hide();
});

Пробовал её дезактивировать таким образом $(this).attr("disabled", "disabled");, дезактивация работает, а вот обработчик не запускается.
Почему обработчик не запускается ?
В форме у атрибута action обработчик не указан, так как код обработчика находится в одном файле с формой.

UPD #2

Дошел вот до такого кода:

function blockMultiButton()
{
    $('#sendApplySettingsButton').click(function(){
        document.querySelector('#sendApplySettingsButton').disabled = true;
    });
    return false;
}

В форме указываю onsubmit="blockMultiButton()"

Спасибо всем кто пытался помочь !

Answer 1
document.querySelector('#id').disabled = true;
Answer 2

$('#button').click(function() { 
  $(this).prop('disabled', true); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button id="button">Ты не сможешь нажать второй раз!</button>

Answer 3

$('#button').on('click', function() { 
    console.log('button is pressed, do some logic'); 
    $(this).prop('disabled', true); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="button" id="button" value="press once" />

Answer 4

Есть идея поставить проверку типа "Статус".

var clicked = false;
 $('#sendApplySettingsButton').click(function(){
     if(!clicked) {
         // DO
         clicked = true;
     }
 });
READ ALSO
Валидация контента в amp страницах
PHP

Валидация контента в amp страницах

Добрый день

 172
Ошибка в пагинации
PHP

Ошибка в пагинации

Есть вот такая функция (Пытаюсь прикрутить пагинацию к выводу)Но на выходе она выдаёт ошибкой синтаксиса SQL, то есть первое значение LIMIT (Из переменной...

 166
SQL запрос, помощь
PHP

SQL запрос, помощь

Есть огромная таблица table1:

 193
транспонированая матрица - C++
c++

транспонированая матрица - C++

Здравствуйте! В университете начали изучать подпрограммы, пока не могу толком в них разобратьсяЕсть матрица размерностью MxN

 240