Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
WebProggramist
5 / 5 / 9
Регистрация: 24.06.2015
Сообщений: 64
1

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

11.07.2015, 12:11. Просмотров 930. Ответов 2
Метки нет (Все метки)

Допустим у меня есть такой код 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
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.07.2015, 12:11
Ответы с готовыми решениями:

Запрет нажатия кнопки при пустом поле ввода
как сделать так чтобы кнопка не нажималась если в поле ничего не ввели? ...

Создать поле для ввода текста, радио кнопки
&lt;!--Создать поле для ввода текста, радио кнопки, в которых указан тип шрифта и...

True/False в поле ввода после нажатия кнопки Enter
Здравствуйте Помогите пожалуйста решить неисправность на web странице с java...

Отображать поле ввода в зависимости от значения select
Здравствуйте, такая проблема не могу , то есть даже не знаю как реализовать...

Изменение результата после ввода значения в поле
Здравствуйте. Есть калькулятор рассрочки. Вывод данных происходит только после...

2
andrey1994
41 / 41 / 19
Регистрация: 25.05.2015
Сообщений: 121
11.07.2015, 12:19 2
Если idElement.innerHTML = 'Подтвердить', то idButton.style.visibility='visible';
0
alexsamos33
618 / 598 / 325
Регистрация: 26.04.2014
Сообщений: 1,968
11.07.2015, 13:07 3
Лучший ответ Сообщение было отмечено WebProggramist как решение

Решение

WebProggramist, Можно так:
PHPHTML
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
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.07.2015, 13:07

Как сделать так, чтобы одним нажатием кнопки в поле ввода текста появилось 7 цифр?
Как сделать так, чтобы одним нажатием кнопки в поле ввода текста появилось 7...

Как сделать так чтобы одним нажатием кнопки в поле ввода текста появлялись 8 различных цифры?
Как сделать так чтобы одним нажатием кнопки в поле ввода текста появлялись 8...

Как сделать запрет ввода букв в поле для ввода input
Здравствуйте! Есть стандартное поле ввода &lt;input type='text' name='name1'...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru