Mostrar quais campors do form são obrigatórios sem popup
Olá pessoal!
Gostaria de validar os campos do form mostrando na frente da caixa de texto uma bolinha vermelha e uma mensagem via inner.html. Consigo fazer em todos os campos, mas quando o usuario preenche e envia o form mas é mostrado um campo de preenchimento obrigatório não preenchido, o campo validado ainda continua com a bolinha vermelha na frente, mesmo preenchido corretamente.
Segue o código:
function validate(CONTACT) {
var message='';
var messagetop='';
var fvalid=true;
if (CONTACT.NAME.value=='Seu nome:') {
fvalid=false;
message+=' •';
messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
document.getElementById('errorMessage').innerHTML=messagetop;
document.getElementById('errorMessage').style.color='#FF0000';
document.getElementById('NAMERROR').innerHTML=message;
return false;
}
else if (CONTACT.EMAIL.value=='Seu e-mail:'){
fvalid=false;
message+=' •';
messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
document.getElementById('errorMessage').innerHTML=messagetop;
document.getElementById('errorMessage').style.color='#FF0000';
document.getElementById('MAILERROR').innerHTML=message;
return false;
}
else if (CONTACT.EMAIL.value.indexOf('@', 0) == -1 || CONTACT.EMAIL.value.indexOf('.', 0) == -1){
fvalid=false;
message+=' •';
messagetop+='Por favor, informe um e-mail válido.';
document.getElementById('errorMessage').innerHTML=messagetop;
document.getElementById('errorMessage').style.color='#FF0000';
document.getElementById('MAILERROR').innerHTML=message;
return false;
}
else if (CONTACT.TELEFONE.value=='Telefone de contato: (XX XXXX-XXXX)'){
fvalid=false;
message+=' •';
messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
document.getElementById('errorMessage').innerHTML=messagetop;
document.getElementById('errorMessage').style.color='#FF0000';
document.getElementById('PHONEERROR').innerHTML=message;
return false;
}
else if (CONTACT.MESSAGE.value=='Mensagem:'){
fvalid=false;
message+=' •';
messagetop+='Os campos sinalizados são de preenchimento obrigatório.';
document.getElementById('errorMessage').innerHTML=messagetop;
document.getElementById('errorMessage').style.color='#FF0000';
document.getElementById('MESSAGEERROR').innerHTML=message;
return false;
}
else;
if (fvalid==true) {
return true;
}
}Discussão (2)
Carregando comentários...