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