Estou usando o código que me diga se ambos emails são idênticos, se ambas senhas são idênticas e se elas tem no mínimo 8 e no máximo 10 caracteres. E somente se os emails foram iguais, senhas iguais e no tamanho correto que o botão de cadastrar do formulário aparece.
Porém como consegui usar apenas o keyup
no email2
e senha2
, se o usuário voltar e digitar algo na senha ou email, não muda para erro o input
.
O que queria era saber como por o mesmo evento com as mesma regras do keyup
do email2
e senha2
também no email
e senha
, para que fosse validado em ambos os campos de confirmação.
E note que nem consegui ainda restringir e validar o email, só se são ou não idênticos.
$('#email2').on('keyup', function () {
var email = $("#email").val();
var email2 = $("#email2").val();
if (email != email2) {
$("#message").html("Os email não são identicos").css('color', 'red');
$('#validator').prop('disabled' , true);
} else {
$("#message").html("Os email são identicos").css('color', 'green');
$('#validator').prop('disabled' , true);
}
$('#validator').prop('disabled' , true);
$('#senha2').on('keyup', function (){
var password = $("#senha").val();
var confirmPassword = $("#senha2").val();
if (password.length < 8 || password.length > 16) {
$("#divCheckPassword2").html("As senhas precisam ter no minimo 8 caracteres e no máximo 16").css('color', 'red');
$('#validator').prop('disabled' , true);
} else {
$("#divCheckPassword2").html("").css('color', 'green');
$('#validator').prop('disabled' , true);
}
if (password != confirmPassword) {
$("#divCheckPassword").html("As senhas não são").css('color', 'red');
$('#validator').prop('disabled' , true);
} else {
$("#divCheckPassword").html("Senhas identicas").css('color', 'green');
$('#validator').prop('disabled' , true);
}
if (password != confirmPassword || password.length < 8 ||
password.length > 16 || email != email2){
$('#validator').prop('disabled' , true);
} else {
$('#validator').prop('disabled' , false);
}
})
});