.Show ou .hide quando os campos obrigatórios estiverem preenchidos.

[rebortec 0]

Boa Tarde Pessoal

 

Estou aqui com um problema, tenho um formulario de registo com 3 etapas(3divs), em cada div tem um botao continuar com o seguinte código:

$('#continuar_registo1').click(function(){                                               
               $('.etapa2').show("slow");
               $('.etapa1').hide("slow");

});

 

Isto está a funcionar correctamente, o que eu queria era que só fizesse o .show e .hide caso os campos obrigatórios estivessem preenchidos.

 

Podem-me ajudar?

 

Desculpem a ignorância mas sou novo nisto

[Fernando_Cezar 0]

Você precisa fazer uma função validadora, que checa o conteúdo do formulário nos campos obrigatórios.

 

Fica algo parecido com:

 

$('#continuar_registo1').click(function(){
               if( $('.etapa1').campo.text != ""){
                    $('.etapa2').show("slow");
                    $('.etapa1').hide("slow");
                }

});
}

 

Existe também a opção de só deixar o botão next clicável depois que o formulário esteja inteiro preenchido.