function ValidarContraseña() {
var rules = [{ Pattern: "[a-zA-Z]", Target: "UpperCase" }, { Pattern: "[0-9]", Target: "Numbers" }, { Pattern: "[!@@#$%^&*]", Target: "Symbols" } ]; var password = $("#password").val(); $("#Length").removeClass(password.length > 6 ? "fa-times" : "fa-check"); $("#Length").addClass(password.length > 6 ? "fa-check" : "fa-times"); for (var i = 0; i < rules.length; i++) { $("#" + rules[i].Target).removeClass(new RegExp(rules[i].Pattern).test(password) ? "fa-times" : "fa-check"); $("#" + rules[i].Target).addClass(new RegExp(rules[i].Pattern).test(password) ? "fa-check" : "fa-times"); } } $(document).ready(function () { $("#password").on('onkeypress', ValidatePassword) }); Las validaciones no funcionan de acuerdo con las reglas y el patrón... y estoy usando onkrypress y estas validaciones se muestran cuando se recarga la página...Cuando use .on() , debe definir su evento sin la palabra clave 'on', reemplace onkeypress con keypress
$("#password").on('keypress', ValidatePassword)o:
$("#password").keypress(ValidatePassword)