Как заблокировать кнопку submit с помощью JS?

Question

[nikitoshq]

На сайте есть кнопка:

<input type="submit" value="Подтверждение заказа" class="btn btn-primary button" data-payment-button="true">

Менять я в ней нечего не могу, т.к. какой-то сторонний скрипт добавляет её, исходя из определенного события.
Моя задача состоит в том, чтобы заблокировать кнопку (submit) по нажатию на неё, чтобы пользователь не отправлял данные формы несколько раз. В JS я не силен, пытался сделать так:

$("#submit").onclick(function () {
    $(".submit").setAttribute(disabled);
  }
);

Не работает, может кто-то подскажет?)

Answer 1

[Тигран Абрамян]

document.querySelector(".button").addEventListener("click", function() {
	this.disabled = true;
})

Comments

[nikitoshq]

Я нужно именно ".button", или ".submit"?

[Тигран Абрамян]

nikitoshq, Да уж, вам следует сперва взяьтся за js. у вас class="btn btn-primary button" нету класса submit, но есть класс button, так что логичней будет ".submit", проверь и то и другое.

Answer 2

[carbanak01]

$("#submit").onclick(function (e) {
    e.preventDefault;
  }
);

Такой вариант может подойти.

Answer 3

[Шохрух Шаймардонов]

//Вы к задаете в качестве атрибута переменную disabled, а надо строку
document.querySelector('.submit').setAttribute("disabled", "true")

Comments

[nikitoshq]

document.querySelector('.submit').onclick(function () {
    document.querySelector('.submit').setAttribute("disabled", "true");
  }
);

Вот так?

[carbanak01]

Будь внимателен, ты ищешь элемент по айдишнику, когда он не указан у тебя инпуте