Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno_Ferreira

validação de formulário

Por , em Javascript

Recommended Posts

Bruno_Ferreira    1

Bruno_Ferreira
Postado

Boa Tarde amigos

 

tenho algumas páginas aqui com formulários em que todos os campos são do tipo text, acontece que alguns formulários têm mais campos que outros e tals, e gostaria de fazer apenas uma função para validar todos, já que a validação consistem apenas em conferir se os campos estão vazios.

 

Sei que posso pegar todos os formulários de uma página e colocar em um array digamos assim, mas tem como eu fazer isso com os campos do formulário? Dessa forma faço uma função (idéia minha não sei se tem como fazer isso em js) que pega o formulário, conta quantos campos ele tem e verifica se eles estão vazios.

 

Se tiver como, será que alguém poderia dizer como e postar um exemplo aí?

 

Valeu galera!!!! http://forum.imasters.com.br/public/style_emoticons/default/natal_w00t.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

seria algo assim:

window.onload=function(){
var arrObj = document.getElementsByTagName("INPUT");

	for( var i=0; i<arrObj.length; i++ ) {
		arrObj[i].onblur= function() { /* enfim, ai você define o evento que você quer tratar.. */
		// função de verificar
		}
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno_Ferreira    1

Bruno_Ferreira
Postado

seria algo assim:

window.onload=function(){
var arrObj = document.getElementsByTagName("INPUT");

	for( var i=0; i<arrObj.length; i++ ) {
		arrObj[i].onblur= function() { /* enfim, ai você define o evento que você quer tratar.. */
		// função de verificar
		}
}
Valeu cara!!

Aproveitando a sua sugestão usei essa função aqui

 

function verificarValor(){
			//variavel com todos os inputs
			var arrInputs = document.getElementsByTagName("input");
			var i
			
			//verifica campos
			for(i=0; i<arrInputs.length; i++)
			{
				if(arrInputs[i].value == "")
				{
					alert("O campo "+arrInputs[i].name+" não está preenchido");
					break;
				}
			}
			//caso os campos estejam todos preenchidos
			if(i==arrInputs[i].length-1){
				document.getElementById('carga').style.display="block";
				return(true);
			}
		}

Só que depois que a função é executada e os campos são validados e um deles está vazio, o resto que estava preenchido também se apagam, ficam zerados, que eu preciso fazer pra eles não zerarem? Pois afinal de contas a função não recarrega a página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

JunioR-CWB    0

JunioR-CWB
Postado 

<html>
<head><title>:: jQuery ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<script>
var valida = function(f) {
	var arrElements = f.elements;
	var i = 0,item;
	while (item = arrElements[i++]) {
		if ('submit' == item.type)
			continue;
		if ('' === item.value) {
			alert(item.name+' '+' vazio');
			item.focus();
			return false;
		}
	}
	alert('Todos os campos foram preenchidos')
	return false;
};
</script>
<body>
<form method="post" onsubmit="return valida(this);">
	<input type="text" name="teste1" /><br />
	<input type="text" name="teste2" /><br />
	<input type="text" name="teste3" /><br />
	<textarea name="txtara"></textarea><br />

	<select name="sel"><option value=""></option><option value="t" >T</option></select>
	<input type="submit" name="send_form" />
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno_Ferreira    1

Bruno_Ferreira
Postado 

<html>
<head><title>:: jQuery ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<script>
var valida = function(f) {
	var arrElements = f.elements;
	var i = 0,item;
	while (item = arrElements[i++]) {
		if ('submit' == item.type)
			continue;
		if ('' === item.value) {
			alert(item.name+' '+' vazio');
			item.focus();
			return false;
		}
	}
	alert('Todos os campos foram preenchidos')
	return false;
};
</script>
<body>
<form method="post" onsubmit="return valida(this);">
	<input type="text" name="teste1" /><br />
	<input type="text" name="teste2" /><br />
	<input type="text" name="teste3" /><br />
	<textarea name="txtara"></textarea><br />

	<select name="sel"><option value=""></option><option value="t" >T</option></select>
	<input type="submit" name="send_form" />
</form>
</body>
</html>

Valeu Junior, só que não entendi muita coisa, será que você poderia explicar o código por favor?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito