ajuda código de validação de form
estou com um problema em um script de validação de cadastro
eu quero que ele depois de fazer o verificação dos campos de cadastro
e tivesse tudo ok abre-se uma div de mensagem, o problema é que ao
abrir a div ele fecha rapidamente, tipo menos de 1 segundo, só aparece a div rapidamente e
volta pra digitar os campos de novo, eu queria que a div aparecesse e ficasse permanente
aqui está o código:
var form = document.getElementById("form-contato");
if (form.addEventListener) {
form.addEventListener("submit", validaCadastro);
} else if (form.attachEvent) {
form.attachEvent("onsubmit", validaCadastro);
}
function validaCadastro(evt) {
var nome = document.getElementById('nome');
var email = document.getElementById('email');
var filtro = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
var contErro = 0;
/ Validação do campo nome /
caixa_nome = document.querySelector('.msg-nome');
if(nome.value == ""){
caixa_nome.innerHTML = "Favor preencher o Nome";
caixa_nome.style.display = 'block';
contErro += 1;
}else{
caixa_nome.style.display = 'none';
}
/ Validação do campo email /
caixa_email = document.querySelector('.msg-email');
if(email.value == ""){
caixa_email.innerHTML = "Favor preencher o E-mail";
caixa_email.style.display = 'block';
contErro += 1;
}else if(filtro.test(email.value)){
caixa_email.style.display = 'none';
}else{
caixa_email.innerHTML = "Formato do E-mail inválido";
caixa_email.style.display = 'block';
contErro += 1;
}
if(contErro > 0){
evt.preventDefault();
} else {
botao.style.display = 'block'; /* o comando para que a div apareça */
}
}Discussão (0)
Carregando comentários...