Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera preciso de ajuda!
Tenho uma pagina de cadastro com um cabeçalho, logo abaixo tenho três <div> de iguais tamanhos, sendo que a primeira fica visível com algumas informações. Quando o usuário clicar no botão próximo, esta primeira div fica "invisivel" ( altero via javascrip a ID no css display:none). Nesta segunda <div>, agora visivel, tem o formulario com um botão para que o usuário va para a terceira div.
O problema é o seguinte: ao clicar no botao da segunda div, chamo uma função para validar os campos do formulario, se estiver todos os campos preenchidos corretamente, segue para a div três, caso contrario permanece na div dois. Entretanto, se os dados estiverem preenchidos errados, ao invés de permanecer na div, ele volta para a div inicial (a primeira). O que falta implementar na minha função.
function ValidaFormulario(){
var tamanho_nome = document.forms["dadosIniciais"].nome.value.length;if ((tamanho_nome < 5 ) || (tamanho_nome > 100)){
}
}
Tente usar algum plugin, não olhei muito a fundo, mas acho que esse serve no seu caso:
Valeu Fabricio, fiz algo parecido com sua dica, depois de um momento de lucidez que tive. Eu cancelei o evento click do submit e chamei a função de validação. Conforme a resposta ou ele limpava os campos dando focus no campo do nome ou ele fazia a função de troca de divs. Valeu pela dica.
Se estiver dando submit, vai carregar a página de novo e volta pro passo 1 mesmo!
Usa a função onclick no botao e dentro do seu if joga um código desse tipo:
Ai ele não da o refresh na página e da um alert pro usuário!