Отключение кнопки отправки до заполнения полей - PullRequest
0 голосов
/ 21 апреля 2020

В настоящее время я пытаюсь написать скрипт, который отключит мою кнопку отправки и включит ее только после заполнения всех полей в форме. Прямо сейчас мой jQuery скрипт выглядит следующим образом

jQuery Скрипт

$(document).ready(function() {
$('.gmcdigits input').keyup(function() {
var empty = true;
$('.gmcdigits input').each(function() {
if ($(this).val().length ==7){
empty = false
}
});
if (empty) {
$('.actions1 input').attr('disabled', 'true');
} else {
$('.actions1 input').removeAttr('disabled');
}
});
});

HTML Код

    <form name="registrationform" action="register.php" id="searchInput" method="POST">
    <div class="gmcdigits">
        <label class="GMCNo">GMC Number:</label>
        <input type="text" id="gmc_input" name="gmc" placeholder="e.g: 1234567" autofocus maxlength="7">
    </div><br>
    <div class="first_name">
        <label class="fName">First Name:</label>
        <input type="text" id="fname_input" name="firstName" required>
    </div><br>
    <div class="last_name">
        <label class="lName"> Surname:</label>
        <input type="text" id="lname_input" name="lastName" required>
    </div><br>
    <div class="date_of_birth">
        <label class="dob"> Date of Birth:</label> 
        <input type="date" id="dob_input" name="date_of_birth" required>
    </div><br>
    <div class="mobile_number">
        <label class="mobNo"> Mobile Number: </label> 
        <input type="text" id="mobNo_input" name="mobile_number" maxlength="11" required>
    </div><br>
    <div class="email_address">
        <label class="Email"> Email Address: </label> 
        <input type="email" id="user_input" name="email"  required />
    </div><br>
    <div class="password">
        <label class="L_Password"> Password: </label> 
        <input type="password" id="password_input" name="password" required />
    </div>
    <div class="actions1">
        <button type="submit" name="btn-register"  disabled="disabled">Register</button>

Plus Я также хочу активировать кнопку, только когда в поле GM C Number введено ровно 7 цифр.

Любая помощь будет высоко оценена.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...