Skip to main content
Reversão para edição 3
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127
$('#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);
        }

         function validarEmaill(){
 

    var email = $("#email").val();

    if (emailpassword != 0)
    {
        if(isValidEmailAddress(email))
        {
                $("#message2").html("").css('color', 'green');
            
        } else {
                 $("#message2").html("EmailconfirmPassword não|| é valido")password.css('color', 'red');
           
    length < 8 || }
    } else {
        $("#validEmail")password.css({
            "background-image": "none"
        });         
    }   

  }
     function validarEmaill2(){
 

    var email2 =length $("#email2").val();

 > 16 || if(email2email != 0)
    {
        if(isValidEmailAddress(email2))
        {
                $("#message3").html("Email válido").css('color', 'green');
            
        } else {
                 $("#message3"'#validator').htmlprop("Email não é'disabled' valido").css('color', 
    'red'true);
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

      }
    function isValidEmailAddress(emailAddress) {
      var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w- 
    \s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6} 
     (?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9] 
    {1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0- 
   4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
  }
     function validar(){
 if  (email.val() != email2.val() ||  senha.val().length < 8 || 
  senha.val().length > 16 || senha.val() != senha2.val() || email.val() ==0 
  || email2.val() ==0 ){
$('#validator').prop('disabled' , truefalse);
 }else {
$('#validator').prop('disabled' , false);
  }
    }
     })
});
$('#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);
        }

         function validarEmaill(){
 

    var email = $("#email").val();

    if(email != 0)
    {
        if(isValidEmailAddress(email))
        {
                $("#message2").html("").css('color', 'green');
            
        } else {
                 $("#message2").html("Email não é valido").css('color', 'red');
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

  }
     function validarEmaill2(){
 

    var email2 = $("#email2").val();

    if(email2 != 0)
    {
        if(isValidEmailAddress(email2))
        {
                $("#message3").html("Email válido").css('color', 'green');
            
        } else {
                 $("#message3").html("Email não é valido").css('color', 
    'red');
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

      }
    function isValidEmailAddress(emailAddress) {
      var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w- 
    \s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6} 
     (?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9] 
    {1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0- 
   4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
  }
     function validar(){
 if  (email.val() != email2.val() ||  senha.val().length < 8 || 
  senha.val().length > 16 || senha.val() != senha2.val() || email.val() ==0 
  || email2.val() ==0 ){
$('#validator').prop('disabled' , true);
 }else {
$('#validator').prop('disabled' , false);
  }
    }
     });
$('#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);
        }
    })
});
Tweeted twitter.com/StackOverflowPT/status/1087137821469609985
adicionou 1679 caracteres ao conteúdo
Fonte Link
$('#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 function validarEmaill(password){
 

    var email = $("#email").val();

    if(email != confirmPassword0)
 ||  password {
        if(isValidEmailAddress(email))
        {
                $("#message2").lengthhtml("").css('color', <'green');
 8 ||          
        } else {
  password               $("#message2").lengthhtml("Email não >é 16valido").css('color', ||'red');
 email          
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

  }
     function validarEmaill2(){
 

    var email2 = $("#email2").val();

    if(email2 != 0)
    {
        if(isValidEmailAddress(email2))
        {
                $('#validator'"#message3").prophtml('disabled'"Email válido").css('color', true'green');
            
        } else {
                 $('#validator'"#message3").prophtml('disabled'"Email não é valido").css('color', false
    'red');
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

      }
    function isValidEmailAddress(emailAddress) {
      var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w- 
    \s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6} 
     (?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9] 
    {1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-  
   4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
  }
     function validar(){
 if  (email.val() != email2.val() ||  senha.val().length < 8 || 
  senha.val().length > 16 || senha.val() != senha2.val() || email.val() ==0 
  || email2.val() ==0 ){
$('#validator').prop('disabled' , true);
 }else {
$('#validator').prop('disabled' , false);
  }
    }
     });
$('#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);
        }
    })
});
$('#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);
        }

         function validarEmaill(){
 

    var email = $("#email").val();

    if(email != 0)
    {
        if(isValidEmailAddress(email))
        {
                $("#message2").html("").css('color', 'green');
            
        } else {
                 $("#message2").html("Email não é valido").css('color', 'red');
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

  }
     function validarEmaill2(){
 

    var email2 = $("#email2").val();

    if(email2 != 0)
    {
        if(isValidEmailAddress(email2))
        {
                $("#message3").html("Email válido").css('color', 'green');
            
        } else {
                 $("#message3").html("Email não é valido").css('color', 
    'red');
           
        }
    } else {
        $("#validEmail").css({
            "background-image": "none"
        });         
    }   

      }
    function isValidEmailAddress(emailAddress) {
      var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w- 
    \s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6} 
     (?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9] 
    {1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-  
   4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
  }
     function validar(){
 if  (email.val() != email2.val() ||  senha.val().length < 8 || 
  senha.val().length > 16 || senha.val() != senha2.val() || email.val() ==0 
  || email2.val() ==0 ){
$('#validator').prop('disabled' , true);
 }else {
$('#validator').prop('disabled' , false);
  }
    }
     });
adicionou 128 caracteres ao conteúdo
Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Bom vamos lá, sou muito iniciante em JS, estouEstou 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 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

Porém como consegui usar apenas o keyup no email2email2 e senha2senha2, se o usuário voltar e digitar algo na senha ou email, não muda para erro o input. O

O que queria era saber como por o mesmo evento com as mesma regras do keyup emaildo email2 e senha 2senha2 também no Emailemail e Senhasenha, para que fosse validado em ambos os campos de confirmação. E

E note que nem consegui ainda restringir e validar o email, só se ésão ou não idênticos.

 <script>
$('#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);
   }
   })

  });
 </script>
$('#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);
        }
    })
});

Bom vamos lá, sou muito iniciante em JS, 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 email e senha 2 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 é ou não idênticos.

 <script>
$('#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);
   }
   })

  });
 </script>

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);
        }
    })
});
Correção, melhoria para se enquadrar nos padrões da comunidade
Fonte Link
Carregando
Fonte Link
Carregando