focus che cambia campo

**lorenzo_jazz** · 04-01-2011, 10:32

Buongiorno a tutti.

ho la necessità di creare un form per l'inserimento di una serie di dati legati al carico/scarico di magazzino, dovendo inserire anche una data e quindi sapendo già a priori la lunghezza del campo gg/mm/aaaa vorrei creare tre campi di input che riconoscono quando e' stato raggiunto il max dei caratteri da inserire e in automatico passa al campo successivo (un po' come si vede nei siti web delle polizze online!!).

Sapete se c'e' la possibilita' di farlo con jQuery(preferirei) o con altra tecnica.

Grazie

**NonCeLaFaccio+** · 04-01-2011, 11:54

Ciao,
non credo che serva scomodare jQuery, puoi provare così:

codice:

<html>

<head>
   <script type="text/javascript">
      function contr_lungh(campodata) {
         if (campodata.value.length == 10) {
            document.getElementById("campo_"+campodata.id.split("_")[1]).focus();
         }
      }
   </script>
</head>

<body>
   <form>
      <input type="text" id="data_1" onkeyup="contr_lungh(this)">
      <input type="text" id="campo_1">
      

      <input type="text" id="data_2" onkeyup="contr_lungh(this)">
      <input type="text" id="campo_2">
      

      <input type="text" id="data_3" onkeyup="contr_lungh(this)">
      <input type="text" id="campo_3">
   </form>
</body>

</html>

come vedi i tre campi data chiamano una funzione che tramite la split preleva il numero del campo data da cui è stata chiamata e se la lunghezza è 10 passa il focus al campo seguente, cioè quello che ha lo stesso numero.

Può andarti bene?

**Vindav** · 04-01-2011, 11:59

Scarica il plugin autotab di jquery , lo trovi a questo indirizzo: http://plugins.jquery.com/project/autotab

Come utilizzarlo è molto semplice, ecco un esempio:

codice:

<input type="text" id="text1" maxlength="3" size="3" name="text1"></input>
<input type="text" id="text2" maxlength="5" size="5" name="text2"></input>
<input type="text" id="text3" maxlength="10" size="10" name="text3"></input>
<script>
$(document).ready(function() {
	$(':text').autotab_magic();
});
</script>

**lorenzo_jazz** · 04-01-2011, 12:14

Grazie mille a tutti e due.

mi avete dato 2 dritte utilissime.

Ciaooo

Discussione: focus che cambia campo

Strumenti discussione

Ricerca discussione

Visualizza

focus che cambia campo

Permessi di invio