В настоящее время я пытаюсь написать скрипт, который отключит мою кнопку отправки и включит ее только после заполнения всех полей в форме. Прямо сейчас мой 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 цифр.
Любая помощь будет высоко оценена.