estoy con un ejercicio de JS donde me piden meter una contraseña con un requisitos y que si al tercer intento la meta mal, no puedas seguir metiendo datos en el input. El problema es que lo tengo con validación al tiempo real, el cual hasta que no metes la palabra bien, es invalido siempre. Dejo mi código.
document
.getElementById('campo')
.addEventListener('input', function(evt) {
const campo = evt.target,
valido = document.getElementById('campoOK'),
regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$%*&\-\_])[A-Za-z\d$@$%*&\-\_]{8,16}$/;
if (regex.test(campo.value)) {
valido.innerText = "válido";
} else {
valido.innerText = "incorrecto";
}
});