Skip to main content
5 de 5
Reversão para edição 3
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Validação email e senha usando Keyup

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);
        }
    })
});