Пока поля не заполнены, кнопка не активна JS


Данный JavaScript скрипт предназначен для блокировки кнопки отправки веб-формы, пока все или нужные поля (input и textarea), не будут заполнены. Это облегчённый js-скрипт без дополнительных настроек (параметров).
Демо-пример неактивной кнопки, пока не заполнены поля:
В HTML-исходнике страницы между тегами <head>, вставьте скрипт:
1
2
3
4
5
6
7
8
<script>
function check() {
  var pole1 = document.getElementById('
imya'),
      pole2 = document.getElementById('
telefon');
      pole3 = document.getElementById('
pochta');
  document.getElementById('
knopka').disabled = pole1.value && pole2.value && pole3.value ? false : "disabled";}
</script>
Описание id полей формы в js-скрипте:
3-я строка: imya - это id поля Editbox (input) для заполнения имени.
4-я строка telefon - это id поля Editbox (input) для заполнения телефона.
5-я строка pochta - это id поля Editbox (input) для заполнения e-mail.
6-я строка knopka - это id кнопки (submit) для отправки веб-формы.
Вы можете прописать в JS-скрипте свои id для полей (input) и кнопки отправки.
Для вызова функции JavaScript необходимо в Теге каждого input(а) и/или textarea прописать событие: onkeyup="check();"
Пример вызова функции JavaScript:
<input id="imya" onkeyup="check();">
<input
id="telefon" onkeyup="check();">
<input
id="pochta" onkeyup="check();">
Кнопка отправки должна быть отключена, в теге кнопки прописать: disabled
Пример кнопки в HTML-коде:
<input type="submit" id="knopka" name="" value="Кнопка отправки" disabled>
Кнопка отправки станет активной, после заполнения минимум 1-го символа, в каждое из вышеперечисленных обязательных полей Editbox.
Если вам необходимо только два обязательных поля, после заполнения которых кнопка отправки становится активной, тогда в JS-скрипте нужно удалить всего  несколько функций.
Пример скрипта с двумя обязательными полями:
1
2
3
4
5
6
7
<script>
function check() {
  var pole1 = document.getElementById('
imya'),
      pole2 = document.getElementById('
telefon');
  document.getElementById('
knopka').disabled = pole1.value && pole2.value ? false : "disabled";}
</script>
Была удалена полностью 5-я строка из скрипта:
pole3 = document.getElementById('pochta');
Была удалена функция в 6-7-й строке из скрипта:
&& pole3.value
Таким образом в скрипте можно удалять поля формы, либо наоборот добавлять, прописав новые строки и функции.
Скачать исходник .wbs (версия 12.3.0)
Кнопка неактивна, пока не заполнены поля jQuery