Validação De Formulário

Março 3, 2004

Eu criei um formulário com 3 inputs, nome, endereco e telefone, gostaria que quando eu carregasse a página o cursor comecasse no primeiro campo ou seja, nome, após isso o usuário só conseguisse tirar o cursor (focus) do campo nome quando tivesse algo digitado, porém ao invés dele escolher onde ele põe o foco o próprio formulário encaminha o cursor para o próximo input que seria o endereço, e só consegui tirar o cursor quando realmente tiver algo digitado e por último ele põe o foco no telefone e só aceita o submit se tiver algo digitado.

Eu quero forçar o usúario a seguir o formulário passo a passo, sem deixar nada pra tráz.

Acredito que seja java script, se alguém puder me ajudar!!!

Aqui vai o código html

<html>
<head>
<title>formulario</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form method="post" action="formulario2.asp">
<p>Nome:<br>
  <input name="nome" type="text" id="nome">
  <br>
Endere&ccedil;o:<br>
<input name="endereco" type="text" id="endereco">
<br>
Telefone:<br>
<input name="telefone" type="text" id="telefone">
</p>
<p>
  <input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html>

ursolouco · Março 4, 2004

Movido para os Manus de JavaScript!!!

ricardo · Março 6, 2004

<html>
<head>
<title>formulario</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
function funcao(){
if (unico.nome.value == ){
unico.nome.focus()
}else{
if(unico.endereco.value == ){
unico.endereco.focus()
}else{
if(unico.telefone.####)
}
}
}
</script>
</head>

<body ###onfocus###=funcao()>
<form name=###unico### method="post" action="formulario2.asp">
<p>Nome:<br>
 <input name="nome" type="text" id="nome">
 <br>
Endere&ccedil;o:<br>
<input name="endereco" type="text" id="endereco">
<br>
Telefone:<br>
<input name="telefone" type="text" id="telefone">
</p>
<p>
 <input type="submit" name="Submit" value="Enviar">
</p>
</form>
</body>
</html>

Eu tentei fazer o que voce pediu, mas já faz um certo tempo que eu não faço nada em javascript e não me lembro de tudo direito... ali onde está escrito ###onfocus###, eu não tenho certeza que é onfocus. ali no ###unico### é o nome do formulário que você esqueceu.

Agora vamos para a funcao() ela verifica se no nome está escrito alguma coisa, se não estiver focaliza ele (nota: não me lembro se é assim que usa o focus())...

ENTÃO FAZ A MESMA COISA COM O ENDEREÇO... na hora do telefone eu parei porque notei que vai ter um bug... depois de escrito a primeira letra passa para o outro input. Como resolver isto eu não me lembro... mas acho que estou no caminho certo...

Entrar

Validação De Formulário

Pergunta

Guest - Bruno -

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

ursolouco

Link para o comentário

Compartilhar em outros sites

ricardo

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades