Validação para múltiplos campos de formulário.

[DSerma 19]

Boa tarde pessoas..

 

Vou postar uma função que faz a verificação de quantos campos você precisar em seu form... não importa se são 5 ou 500... basta você "escolher" quais você qr q ele verifique...

 

É uma função até "ridicula" pelo número de linhas, mas sei que vai ajudar muita gente.

 

Segue a funcionalidade:

 

Primeiro o form:

 

<fieldset id = "field5">
<legend> Dados Complementares </legend>

	<div>
	<span> Validade do orçamento: </span>
	<br />
	<input id = "valorc" size = "15" obrig = "sim" nome = "Validade do Orçamento"/>
	</div>
	
	<div>
	<span> Prazo de entrega </span>
	<br />
	<input id = "pentrega" size = "15" obrig = "sim" nome = "Prazo de Entrega"/>
	</div>

	<div>
	<span> Condições de Pagamento </span>
	<br />
	<input id = "conpag" size = "15" obrig = "sim" nome = "Condições de Pagamento"/>
	</div>
	
	<div>
	<span> Digitador(a) </span>
	<br />
	<input id = "digita" size = "15" obrig = "sim" nome = "Digitador(a)"/>
	</div>

<input type="button" value = "Gravar" onClick = "verifica();"> 
</fieldset>

Agora a função;

 

function verifica()
{
var checks = document.getElementsByTagName("input");

for(j=0;j<checks.length;j++)
	{
		if(checks[j].getAttribute("obrig") == "sim")
		{
			if(checks[j].value == "")
			{
				alert("Por favor, preencha o campo " + checks[j].getAttribute("nome") + " !");
				checks[j].focus();
				return;
			}
		}
	}

}

 

Pronto... essa função verifica se os campos que possuem o atributo "obrig" = a "sim"..

 

Se esses campos estiverem vazios.. ele dá o alert para o usuário preenche-lo... dá o foco no campo em questão e não deixa o usuário prosseguir...

 

Para "selecionar" quais os campos a serem verificados, basta mudar o valor de "obrig".. caso esteja "sim", a função verifica, caso contrário......

 

Bom.. é isso ai...

 

Espero ter ajudado..

 

Att;

[Ricardo Tirabyte 0]

Só uma dúvida, e quando estiver tudo preenchido, quem vai dar o post(submit)?

[DSerma 19]

Ou o próprio formulário ou o AJAX...

 

Abraços...

[Djonatan Buss 0]

Esse script ficou perfeito e ja anexei ao funcoes.js aqui mantendo os creditos...

 

unicas alteracoes foram:

 

if(checks[j].value == "")
                        {
                                alert("Por favor, preencha o campo " + checks[j].getAttribute("nome") + " !");
                                checks[j].focus();
                                return false;
                        }

e o uso em formulario com botao submit

 

<form name="actionJava" method="POST" action="pagina.php" onsubmit="return verifica();">