[Resolvido] Validando formulário

[OmegaX 0]

Eae pessoal beleza? Criei um formulário e estou tentando validar usando javascript com funções separadas para cada campo chamando por onChange="return exemplo()" exibindo uma mensagem de erro em cima do campo. Até aí tudo bem, funciona de boa, só que é preciso que o envio seja bloqueado caso haja algum erro e como as funções estão separadas talvez fosse necessário criar uma que englobasse todas ou que conferisse uma por uma, mas como eu fasso isso neste caso :( ? Segue o código abaixo:

 

function validaNome(){

d = document.registrar;

 

if (d.nome.value == ""){

document.getElementById("nome").style.display="block";

}

else {

document.getElementById("nome").style.display="none";

}

if (d.nome.value.length <3 && d.nome.value.length != 0 ){

document.getElementById("nome2").style.display="block";

}

else {

document.getElementById("nome2").style.display="none";

}

}

 

function validaSobreNome(){

d = document.registrar;

 

if (d.sobrenome.value == ""){

document.getElementById("sobrenome").style.display="block";

}

else {

document.getElementById("sobrenome").style.display="none";

}

if (d.sobrenome.value.length <3 && d.sobrenome.value.length != 0 ){

document.getElementById("sobrenome2").style.display="block";

}

else {

document.getElementById("sobrenome2").style.display="none";

}

}

 

function validaNick(){

d = document.registrar;

 

if (d.nick.value == ""){

document.getElementById("nick").style.display="block";

}

else {

document.getElementById("nick").style.display="none";

}

}

 

Seria estilo essa página https://signup.live.com/signup.aspx?rollrs=12&lic=1

Grato desde já http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[novato_PHP 0]

Sugestão:

 

Você pode tirar o submit do botao de enviar e e colocar apenas como button e ai voce chama uma funcao que verifica uma variavel e executa nomedoform.submit();;

 

Exemplo:

 

Copie e cole o código abaixo e teste ele .. Depois é só adaptar a sua necessidade

<script>
function verifica()
{
	var valido = false;
	var nome=document.getElementById("nome").value;
	if (nome=="")
	{
		alert("nome sem preenchimento");
		valido=false;
	}
	else
	{
		valido=true;
	}
	
	
	var cidade=document.getElementById("cidade").value;
	if (cidade=="")
	{
		alert("cidde sem preenchimento");
		valido=false;
	}
	else
	{
		valido=true;
	}
	
	
	var endereco=document.getElementById("endereco").value;
	if (endereco=="")
	{
		alert("endereco sem preenchimento");
		valido=false;
	}
	else
	{
		valido=true;
	}



	if (valido)
	{
		formulario.submit();
	}
	else
	{
		alert("existem erros no seu formulario");
	}
	
}	

</script>
	
<form action='http://www.google.com.br' method='post' name='formulario'>
nome<input type='text' name='nome' id='nome'><br>
cidade<input type='text' name='cidade' id='cidade'><br>
endereco<input type='text' name='endereco' id='endereco'><br>
<input type='button' value='envia formulario' Onclick='verifica();'><input type='reset' value='apagar'>

[webmind 5]

o meu conselho e o seguinte, na seguinte estrutura

 

inicia um contador de erros

 

contador=0;

 

condicoes

------------------------------

se valor for errado

contador++

 

no fim das condicoes

 

if (contador>0){return false} else {return true}

 

------------------------------

 

depois so basta conter no form.... onsubmit="return funcao()"

 

e um botao ...... type="submit" // nao precisa chamar a funcao

 

entendeu?

 

rsrs

[OmegaX 0]

Uffa, vlw gente já estava quebrando a cabeça com isso desde semana passada, agora deu certo usando o contador++, usei uma função pra ler as outras e coloquei o if no final. Podia ter usado o alert tbm, mas é que não ia dar certo exibir uma mensagem individual pra cada campo. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif