Ayuda con el desarrollo de un formulario

chocola · 20 Diciembre 2011, 17:42 PM

Hola a todos.

Estoy haciendo un formulario utilizando los siguientes lenguajes(HTML,CSS,PHP)y lo que quiero hacer es lo siguiente:
Cuando el usuario este rellenando el formulario en concreto cuando este escribiendo su numero de teléfono, al escribir 9 números automáticamente le salte el cursos al siguiente campo.

No se si me he explicado bien, espero que me puedan ayudar.

Gracias

‭lipman · 20 Diciembre 2011, 19:05 PM

Eso se haria con javascript.

En el evento de pulsar tecla (creo que era onKeyDown o algo asi) verificas el tamaño del campo de texto, y si es igual a nueve, haces lo de "saltar" que ahora mismo no se me ocurre qué función.

Ahí tienes algo al menos para empezar. Un saludo

dark_sargon · 20 Diciembre 2011, 19:28 PM

Como dice Lipman, puedes usar onKeyDown así...

Código (html4strict) [Seleccionar]

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
</head>

<body>

  <form name="formulario">
    Tel&eacute;fono: <input name="tel" type="text" onKeyDown="comprobar()" /><br/>
    Otro campo: <input name="otro" type="text" />
  </form>

    <script type="text/javascript">
      function comprobar(){
        if(document.formulario.tel.value.length >= 9){
          document.formulario.otro.focus();
        }        
      }
    </script>

</body>

</html>

chocola · 20 Diciembre 2011, 19:35 PM

Muchisimas gracias amigos

Y me podéis decir como se hace para que cuando se abre el formulario directamente el cursos este en un campo en concreto.

ejemplo cuando abres www.google.es directamente el cursos esta en el campo de buscar, como se puede hacer eso ? y muchas gracias de nuevo

chocola · 20 Diciembre 2011, 20:16 PM

Ayudarme que yo no tengo ni idea de java.

Pablo Videla · 20 Diciembre 2011, 20:24 PM

Cita de: chocola en 20 Diciembre 2011, 20:16 PM
Ayudarme que yo no tengo ni idea de java.

Con la funcion focus , la puedes llamar en el body con el onload

Código (javascript) [Seleccionar]

<script>function llamado{ document.getElementById('textbox').focus();}</script>

<body onload="llamado();" />

chocola · 20 Diciembre 2011, 21:54 PM

Cita de: BadDevil en 20 Diciembre 2011, 20:24 PM
Con la funcion focus , la puedes llamar en el body con el onload

Código (javascript) [Seleccionar] Expandir
<script>function llamado{ document.getElementById('textbox').focus();}</script> <body onload="llamado();" />

No me funciona, he puesto en el body: onload="llamado();"

y en el index.php he puesto esto:

Código (javascript) [Seleccionar]

<script>function llamado{ document.getElementById('textbox').focus();}</script>

Estoy haciendo algo mal?

Pablo Videla · 20 Diciembre 2011, 22:25 PM

Cita de: chocola en 20 Diciembre 2011, 21:54 PM
No me funciona, he puesto en el body: onload="llamado();"

y en el index.php he puesto esto:

Código (javascript) [Seleccionar] Expandir
<script>function llamado{ document.getElementById('textbox').focus();}</script>
Estoy haciendo algo mal?

donde dice textbox colocas el id de tu input

chocola · 20 Diciembre 2011, 22:37 PM

Cita de: BadDevil en 20 Diciembre 2011, 22:25 PM
donde dice textbox colocas el id de tu input

Lo he echo y no me funciona.

Pablo Videla · 20 Diciembre 2011, 22:38 PM

Cita de: chocola en 20 Diciembre 2011, 22:37 PM
Lo he echo y no me funciona.

Ve si te sale un error de javascript en el firefox

control+shift+j