Блокировка кнопки до появления нужного значения в поле ввода.

@WebProggramist · Регистрация: 24.06.2015

Студворк — интернет-сервис помощи студентам

Допустим у меня есть такой код html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
   <head>
      <title></title>
   </head>
   <body>
      <p>Напишите слово "ПОДТВЕРДИТЬ", чтобы продолжить</p><br>
      <input type="text"><br>
      <button disabled>Дальше</button>
   </body>
</html>

И мне нужно сделать так, чтобы когда написали слово "ПОДТВЕРДИТЬ", кнопка становилась доступной.

Скажите как сделать это на js

@andrey1994 · 11.07.2015, 12:19

Если idElement.innerHTML = 'Подтвердить', то idButton.style.visibility='visible';

@alexsamos33 · 11.07.2015, 13:07

WebProggramist, Можно так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <script>
function checkWord() {
    var codeWord = "подтвердить";
    codeWord=codeWord.toLowerCase();
    var txt=document.getElementById('txt1'), btn=document.getElementById('btn1');
    var str=txt.value.toLowerCase().replace(/[^a-zа-яё]+/i,'');
    btn.disabled=!(str==codeWord);
}
</script>
   </head>
   <body>
      <p>Напишите слово "ПОДТВЕРДИТЬ", чтобы продолжить</p><br>
      <input type="text" id="txt1" autocomplete="off" oninput='checkWord();' onkeyup='checkWord();' onchange='checkWord();'><br>
      <button disabled id="btn1">Дальше</button>
   </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .

@andrey1994 42 / 42 / 19 Регистрация: 25.05.2015 Сообщений: 121
	11.07.2015, 12:19
	Если idElement.innerHTML = 'Подтвердить', то idButton.style.visibility='visible'; 0

Блокировка кнопки до появления нужного значения в поле ввода.

Решение