Password Meter and Form Validator
Hello, there are three password meters on a form, these data are combined with the form validator, but the inputs with the password meter are directly marked as valid, but the inputs are empty. How can I solve this problem?
<img src="https://i.ibb.co/x5KpgS4/Ekran-g-r-nt-s-2024-07-17-024559.png" />
<img src="https://i.ibb.co/bbtsrvX/Ekran-g-r-nt-s-2024-07-17-024853.png" />
<img src="https://i.ibb.co/LkJm7wY/Ekran-g-r-nt-s-2024-07-17-024949.png" />
Replies (9)
It sounds like your form validator isn't playing hide-and-seek with the Fnaf security cameras like it should. It's prematurely marking those password fields as valid, even when they're empty. You'll need to dive into your validator's code and ensure it's properly checking for empty strings, overriding the password meter's premature validation. Perhaps a quick fix involves adding a conditional statement that checks for empty values before the validation passes.
Hi,
Can you try to use the "validatePassword" function similar to the original template example? You are using the "input" variable from the callback. Try to use a global input DOM object instead for each password input validation.
Regards.
Hello, I tried "validate Password" but it didn't work, but when I added false under the if condition in the callback section, the problem was solved. However, when we left the text field empty and pressed the send button, it gave the error "Please enter valid password" and "The password confirm is required" directly, normally it only gave "The password confirm is required", if there was only one passwordMeter.
callback: {
message: "Please enter valid password",
callback: function (input) {
if (input.value.length > 0) {
return (passwordMeterNewPassword.getScore() > 50);
}
return false;
}
}<img src="https://i.ibb.co/DW7FHbY/Ekran-g-r-nt-s-2024-07-21-014118.png" />
Hi,
Can you try to below conditions for callback? This allows to pass the empty input case so it will be caught by the mandatory rule only.
if (input.value.length > 0) {
return (passwordMeterNewPassword.getScore() > 50);
} else if (input.value.length === 0) {
return true;
} else {
return false;
}Hi,
My problem has been resolved, thank you very much.
Hi 
,
Glad to hear that. All the best with your projects!
Regards
Your Support Matters!
Hi,
Can you please provide us with your JS code for the validation via gist.github.com?
Also you can check https://formvalidation.io/guide/ for further info on usage of the validation plugin.
Regards
Hello, I shared my test code below. When I remove the callback: sections on the validator, it gets stuck in the validator when it is empty, but if there is a callback section, it passes through the validator even if it is empty.
https://gist.github.com/mirarus/7dfe09b585685663a87ac40b5c1a719a
