Как заблокировать кнопку js

как сделать кнопку неактивной js

Чтобы сделать кнопку неактивной, нужно добавить ей атрибут disabled :

// создаем кнопку const btn = document.createElement('button'); // добавляем ей атрибут disabled btn.setAttribute('disabled', ''); // добавляем надпись btn.textContent = 'Неактивная кнопка' // добавляем кнопку на страницу document.body.append(btn); 

Кнопка будет отображаться серой и недоступной для нажатия. Кроме того, она не может получить фокус путем нажатия на клавишу Tab или другим способом.

Заблокировать кнопку, пока поля не заполнены

Как в данном тесте заблокировать submit пока не выберешь radio кнопку?
Код который работает, проблема в том что если ответить на первый вопрос, и дальше нажимать ответить.

Валидация не дать сделать запрос пока не заполнены правильно все поля
Привет всем. У меня есть простенькая валидация и мне надо добавить что бы кнопка на отправку данных.

Запрет нажатия кнопки, пока не заполнены все поля
Всем привет, народ помогите пожалуйста) на форме есть 4 кнопки и одна которая всё добавляет) надо.

Запрет использования Button, пока не будут заполнены поля Edit
Не помню как это делается в с++ в Delphi это выглядит как то так Button1.Enabled :=.

1115 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,859

Сообщение было отмечено Vezover как решение

Решение

Если делать с минимальными изменениями вашего кода:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

html> head> meta charset="utf-8"> link rel="stylesheet" href="style.css" head> body> form name="forma" onsubmit="return false"> h1>Поездка на дачуh1> hr> p>Расстояние (км.):input type="text" id="km" onchange="prov()">p> p>Цена бензина (руб./литр):input type="text" id="rub" onchange="prov()">p> p>Потребление (на 100 км):input type="text" id="litr" onchange="prov()">p> p>Стоимость:div id="otv">div> p> button onClick="stoimost();" id="ches">Вычислить!button> hr> form> script> function prov() { var pyt = document.getElementById('km').value; var sb = document.getElementById('rub').value; var pb = document.getElementById('litr').value; var button = document.getElementById('ches'); button.disabled = true; if (pyt.length != 0 && sb.length != 0 && pb.length != 0) { button.disabled = false; } }; prov(); function stoimost() { var pyt = document.getElementById('km').value; var sb = document.getElementById('rub').value; var pb = document.getElementById('litr').value; if (pyt == "") { alert("Вы не указали расстояние"); } else if (sb == "") { alert("Вы не указали цену бензина"); } else if (pb == "") { alert("Вы не указали потребление бензина"); } else { var st = (pyt / 100) * sb * pb; document.getElementById('otv').innerHTML = st.toFixed(2); } } script> body> html>

Как заблокировать нажатие кнопки на JS?

Задача: если не заполнено одно — не дать отправить форму. Варианта 2: 1) не дать нажать 2) дать нажать, но показать сообщение что данные заполнены некорректно и тут надо как-то отменить нажатие иначе форма всё же уйдёт на сервер В первом случае надо ловить наведение курсора на кнопку, менять курсор, type submit и выводить сообщение? Во втором случае вопрос как отменить отправку?

Отслеживать
задан 9 авг 2017 в 5:16
858 4 4 золотых знака 11 11 серебряных знаков 24 24 бронзовых знака
9 авг 2017 в 5:23
9 авг 2017 в 6:31

@Visman спасибо, про это всё зднаю, этот input имеет тип hidden поэтому юзер просто не поймёт что от него хотят при использовании того на что вы ссылаетесь, требуется более явно, более выразительно

9 авг 2017 в 6:59

@soledar10 агонь конечно, такая штука заслуживает плюса, хоть и не уведомляет пользователя что конкретно неправильно если полей несколько

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

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

$("#submit").onclick(function () < $(".submit").setAttribute(disabled); >);

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

• Вопрос задан более трёх лет назад
• 2355 просмотров

Комментировать

Решения вопроса 2

Тигран Абрамян @TAbrahamyan

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

Ответ написан более трёх лет назад