<script>
var check = function() {
if (document.getElementById('password').value ==
document.getElementById('confirm_password').value) {
document.getElementById('message').innerHTML = '';
document.getElementById('submit').disabled = false;
} else {
document.getElementById('message').style.color = 'red';
document.getElementById('message').innerHTML = 'not matching';
document.getElementById('submit').disabled = true;
}
}
</script>
<form class="mt-4 pt-2" action="login-auth.php" method="POST">
<div class="mb-3">
<label class="form-label">Enter new password</label>
<input type="text" required id="password" type="password" onkeyup='check();' class="form-control" placeholder="Enter new password" >
</div>
<div class="mb-3">
<label class="form-label">Confirm Password</label>
<input type="text" required name="confirm_password" name="confirm_password" id="confirm_password" onkeyup='check();' class="form-control">
</div>
<span id='message'></span>
<div class="mb-3"><br>
<button class="btn btn-primary w-100 waves-effect waves-light" name="submit" type="submit" id="submit" >Save</button>
</div>
<div class="text-right">
<a href="sign-up.php"><p class="mt-2"></p>
<label class="form-check-label" for="remember-check">
<i class=" far fa-arrow-alt-circle-right"></i> New users, signup here.!
</label></a>
</div>
</form>
Comments
Post a Comment