Отключить кнопку после публикации с помощью JS / Jquery

Question

Я хотел бы иметь функцию добавления события onclick к кнопкам формы, чтобы отключить их, чтобы избежать двойной публикации.

<form>
   <button onclick="disable(this)" type="submit">post</button>
</form>
<script> function disable(button){ $(button). ??? }</script>

Идея или совет Ани?спасибо!

Answer 1

Кнопка должна быть элементом input (если вы не отправляете форму через JavaScript). Элемент <button> не имеет атрибута type и установка его не будет иметь никакого эффекта.
Я также предлагаю подключить обработчик click через jQuery:

<form>
    <!-- ... -->
    <input id="submit" type="submit" value="post" />
</form>
<script type="text/javascript>
    $('#submit').click(function() {
        $(this).attr('disabled', true);
    });
</script>

Ссылка: click, attr

Answer 2

$(button).attr('disabled', true);

Answer 3

Если вы хотите просто нацелить кнопку:

$('#buttonID').click(function(){
    $(this).attr('disabled', 'disabled');
});

Если вы хотите функцию:

function diableButton(bID){
    $(bID).attr('disabled', 'disabled');
}

Позвоните, используя что-то вроде:

$('#myform').submit(function(){
    disableButton($('input[type=submit]', this));
});

Answer 4

<button onclick="this.disabled='disabled'" type...>