Блокировка кнопки пока поля не заполнены jQuery


Данный скрипт с использованием jQuery блокирует кнопку (button) отправки (кнопка
остаётся неактивной), пока не будут заполнены все необходимые поля веб-формы.
В каждом поле можно задать необходимое количество символов для ввода.
Пример заблокированной кнопки, пока поля формы не заполнены:
Для работы скрипта скачайте / подключите библиотеку jQuery:
<script src="js/jquery-1.12.4.min.js"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function check() {
    var name = $('#
name').val();
    var phone = $('#
phone').val();
    var mail = $('#
mail').val();
    
   
if(name.length != 0 && phone.length != 0 && mail.length != 0) {
       
$('#button').removeAttr('disabled');
    } else {
        $('#
button').attr('disabled', 'disabled');
    }
}
</script>
В 3-й строке скрипта: name - это id поля (input) «Ваше имя».
В 4-й строке скрипта: phone - это id поля (input) «Ваш телефон».
В 5-й строке скрипта: mail - это id поля (input) «Ваш e-mail».
В 8-й и 10-й строке скрипта: button - это id кнопки отправки.
7-я строка скрипта отвечает за количество символов в каждом поле:
if(name.length != 0 && phone.length != 0 && mail.length != 0) {
!= 0 -- чтобы кнопка стала активной необходимо ввести минимум один символ.
Чтобы в коде скрипта прописать другое минимальное количество для каждого поля, замените != 0 на >=2 (цифра два это количество символов).
Пример с изменением количества символов для каждого поля:
if(name.length >=2 && phone.length >=6 && mail.length >=7) {
Теперь для поля id="name" необходимо ввести минимум 2 символа.
Для поля id="phone" необходимо ввести минимум 6 символов.
Для поля id="mail" необходимо ввести минимум 7 символов.
Для вызова функции скрипта необходимо в Теге, для каждого поля input прописать событие: onkeyup="check();"
Пример HTML-кода для обязательных полей формы:
<input type="text" id="name" name="Имя" value="" onkeyup="check();">
<input type="text"
id="phone" name="Телефон" value="" onkeyup="check();">
<input type="text"
id="mail" name="Эл. почта" value="" onkeyup="check();">
В теге кнопки отправки прописать атрибут disabled. Данный атрибут будет отменён скриптом, когда пользователь заполнит обязательные поля веб-формы.
Пример кнопки отпраки в HTML-коде:
<input type="submit" id="button" name="" value="Отправить" disabled>
Скачать исходник .wbs (версия 12.3.0)
Неактивная кнопка, пока не заполнены поля JavaScrip