Ir para conteúdo

POWERED BY:

Arquivado

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

eronventer

[Resolvido] Chegar valores dos campos

Por , em Javascript

Recommended Posts

eronventer    2

eronventer
Postado

Ae pessoal,

 

Em um formulario eu possuo "blocos" para preechimento de experiencias profissionais, sendo: Ultima, Penultima e Antepenultima empresa que o usuário trabalhou. O "bloco" Ultima ja entra liberado para digitação, porem cada bloco possui 8 campos input então eu gostaria de liberar o "bloco" Penultima se todos os campos do "bloco" Ultima estiverem preenchidos como eu poderia fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

leooizepi    1

leooizepi
Postado

fiz um exemplo simples, da uma olhada ae!!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {
	$('#div_bloco2 input').attr('disabled',true);
	
	$('#div_bloco1 input').blur(function() {
		if(verificar_campos()) {			
			$('#div_bloco2 input').attr('disabled',false);
			alert('OK - Bloco 2 liberado!');
		} 
	})
})

verificar_campos = function() {
	var liberar = true;
	$('#div_bloco1 input').each(function() {
		if($.trim($(this).val()) == "") {
			liberar = false;
		}
	})
	return liberar;
}

</script>

</head>

<body>

<div id="div_bloco1">
    <p>BLOCO1</p>
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
    <input type="text" class="bloco1" /><br />    
</div>

<div id="div_bloco2">
	<p>BLOCO2</p>
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
    <input type="text" class="bloco2" /><br />    
</div>
</body>
</html>

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