remove onblur

This commit is contained in:
Alessandro Ferro 2024-03-26 23:32:27 +01:00
parent 0477e1e60d
commit d02583a029
1 changed files with 2 additions and 36 deletions

View File

@ -26,13 +26,13 @@
<form>
<div class="mb-3">
<input type="password" id="password" class="form-control" name="password"
placeholder="Your new password" onblur="passwordLosesFocus();">
placeholder="Your new password">
<div class="invalid-feedback" id="password-invalid-feedback">
</div>
</div>
<div class="mb-3">
<input type="password" id="confirmPassword" class="form-control" name="confirmPassword"
placeholder="Confirm password" onblur="confirmPasswordLosesFocus();">
placeholder="Confirm password">
<div class="invalid-feedback" id="confirmpassword-invalid-feedback">
</div>
</div>
@ -85,40 +85,6 @@
}
}
function passwordLosesFocus() {
const passwordField = document.getElementById("password");
if(!passwordField.value){
passwordField.classList.add("is-invalid");
document.getElementById('password-invalid-feedback').innerHTML = 'Please fill out this field';
}
else if(passwordField.value.length < 5){
passwordField.classList.add("is-invalid");
document.getElementById('password-invalid-feedback').innerHTML =
'Password must be at least 5 characters';
}
else{
passwordField.classList.remove("is-invalid");
}
}
function confirmPasswordLosesFocus() {
const confirmPasswordField = document.getElementById("confirmPassword");
if(!passwordField.value){
confirmPasswordField.classList.add("is-invalid");
document.getElementById('confirmpassword-invalid-feedback').innerHTML = 'Please fill out this field';
}
else if(passwordField.value.length < 5){
confirmPasswordField.classList.add("is-invalid");
document.getElementById('confirmpassword-invalid-feedback').innerHTML =
'Password must be at least 5 characters';
}
else{
confirmPasswordField.classList.remove("is-invalid");
}
}
function validateFields() {
const passwordField = document.getElementById("password");
const confirmPasswordField = document.getElementById("confirmPassword");