Function Javascript

[Maneju 0]

Olá.

 

Tenho esta function pra verificar se algum campo ficou em branco. O Aler("teste") é mostrado mas o restante da function não funciona. Os ID est]ão corretos, oque poderia ser?

 

function submitVerifica(form, action) {  
    alert("teste");
    if (document.getElementById("nome").value==""){
         alert( "Preencha o campo Nome!" );
         document.getElementById("nome").focus();
    }		  
    else if (document.getElementById("telefone").value==""){
         alert( "Preencha o campo Telefone!" );
         document.getElementById("telefone").focus();
    }		  
    else if (document.getElementById("email").value==""){
         alert( "Preencha o campo Email!" );
         document.getElementById("email").focus();
    }		  
    else if (document.getElementById("assunto").value==""){
         alert( "Preencha o campo Assunto!" );
         document.getElementById("assunto").focus();
    }		  
    else if (document.getElementById("mensagem").value==""){
         alert( "Preencha o campo Mensagem!" );
         document.getElementById("mensagem").focus();
    }else{	      
         form.action = action;  
         form.submit();  		
    }
}  

Grato!

 

Percebi um detalhe a mais: é um botão que aciona a function, e somente na segunda vez que clico nele que a mensagem do Alert("teste") aparece. Percebi também, que esta página fica carregada duas vezes na memória.

 

Grato!

[Wanderson Valerio 102]

function submitVerifica() {  
    if (document.getElementById("nome").value==""){
         alert( "Preencha o campo Nome!" );
         document.getElementById("nome").focus();
         return false;
    }            
    else if (document.getElementById("telefone").value==""){
         alert( "Preencha o campo Telefone!" );
         document.getElementById("telefone").focus();
         return false;
    }            
    else if (document.getElementById("email").value==""){
         alert( "Preencha o campo Email!" );
         document.getElementById("email").focus();
         return false;
    }            
    else if (document.getElementById("assunto").value==""){
         alert( "Preencha o campo Assunto!" );
         document.getElementById("assunto").focus();
         return false;
    }            
    else if (document.getElementById("mensagem").value==""){
         alert( "Preencha o campo Mensagem!" );
         document.getElementById("mensagem").focus();
         return false;
    }else{           
         return false;                
    }
} 
<form onsubmit="return submitVerifica();"></form>

[Maneju 0]

Não funcionou.

 

O estranho é que eu tenho esta mesma verificação em outros sites e estão funcionando. Só no meu site que não funciona.

[Wanderson Valerio 102]

Você definiu um "id" para os campo do seu form, ou só um "name" mesmo?

[Maneju 0]

Estava sem o ID mesmo, não sei como ficou sem pois eu ja usava esta rotina. O importante é que as mensagens agora funcionam.

 

 

Porém, continuam funcionando somente no segundo clique do botão, no primeiro clique não executa nada.

 

algum moderador exclua a duplicidade por favor...

 

Estava sem o ID mesmo, não sei como ficou sem pois eu ja usava esta rotina. O importante é que as mensagens agora funcionam.

 

 

Porém, continuam funcionando somente no segundo clique do botão, no primeiro clique não executa nada.

[Wanderson Valerio 102]

@Maneju, está resolvido então?

[Maneju 0]

Quase, meu amigo.

 

O comportamento estranho agora, está em carregar a página de contato cada vez que eu clico neste botão.

 

www.easylawer.com.br

 

Se puder dar uma olhada, veja a opção "Contato".

[Wanderson Valerio 102]

<script type="text/javascript">
function submitVerifica(form, action) {  
    if (document.getElementById("nome").value==""){
         alert( "Preencha o campo Nome!" );
         document.getElementById("nome").focus();
         return false;
    }		  
    else if (document.getElementById("telefone").value==""){
         alert( "Preencha o campo Telefone!" );
         document.getElementById("telefone").focus();
         return false;
    }		  
    else if (document.getElementById("email").value==""){
         alert( "Preencha o campo Email!" );
         document.getElementById("email").focus();
         return false;
    }		  
    else if (document.getElementById("assunto").value==""){
         alert( "Preencha o campo Assunto!" );
         document.getElementById("assunto").focus();
         return false;
    }		  
    else if (document.getElementById("mensagem").value==""){
         alert( "Preencha o campo Mensagem!" );
         document.getElementById("mensagem").focus();
         return false;
    }else{	      
         form.action = action;  
         form.submit();  		
    }
}  
</script>

 

Troque o seu código de validação, por este que deixei acima.

[Maneju 0]

eu já estava com o seu código (return false). Mesmo assim ele carrega a pagina de contato a cada clique.

[Henrique Barcelos 290]

Faça assim:

document.getElementById('ID DO FORM').onsubmit = submitVerifica;

function submitVerifica() {  
	if (document.getElementById("nome").value==""){
         alert( "Preencha o campo Nome!" );
         document.getElementById("nome").focus();
         return false;
	}            
	else if (document.getElementById("telefone").value==""){
         alert( "Preencha o campo Telefone!" );
         document.getElementById("telefone").focus();
         return false;
	}            
	else if (document.getElementById("email").value==""){
         alert( "Preencha o campo Email!" );
         document.getElementById("email").focus();
         return false;
	}            
	else if (document.getElementById("assunto").value==""){
         alert( "Preencha o campo Assunto!" );
         document.getElementById("assunto").focus();
         return false;
	}            
	else if (document.getElementById("mensagem").value==""){
         alert( "Preencha o campo Mensagem!" );
         document.getElementById("mensagem").focus();
         return false;
	}
	// Caso o fluxo chegue até aqui o form será enviado...
}  

[Maneju 0]

desculpe-me pela ignorância mas não entendi aonde "entra" a linha document.getElementById('ID DO FORM').onsubmit = submitVerifica;

 

Eu chamo o script pelo onclick do botão:

 

 

<input name="btnenviar" type="button" value="Enviar" onclick="javascript:submitVerifica(this.form, 'Enviar.php');" id="btnenviar" />

 

bom. tentei de tudo aqui e não deu.

 

sempre no primeiro clique do botão ele não executa a function e carrega a página novamente. do segundo click em diante, fica certo.