Gå til innhold

Hoppe til neste Text field når max char er nådd


Anbefalte innlegg

Har en side i PHP, som skal ta imot registreringsnøkkel over fire text fields.

Jeg har lyst at følgende skal skje:

 

Kunden skriver inn 4 siffer i første text field, deretter hopper cursoren direkte til neste text field. Her skriver kunde 4 tegn, og hopper til neste. Osv...

 

Er dette mulig?

 

Takk for hjelpen!

Lenke til kommentar
Videoannonse
Annonse

Måtte prøve:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<script type="text/javascript">
window.onload=function() {
var inputs = document.getElementsByTagName("input", document.getElementById("serial"));
for(var i=0; i < inputs.length; i++) {
   inputs[i].onkeydown=checkLength;
} 

}
function checkLength() {
//console.log(this.value);
if(this.value.length == this.getAttribute("maxlength")) {
if(!this.nextSibling.nextSibling) { alert("at ze end"); return; }
this.nextSibling.nextSibling.focus();
}
}
</script>
<body>
<form id="serial">
<input maxlength="4">
<input maxlength="4">
<input maxlength="6">
<input maxlength="4">
</form>
</body>
</html>

 

edit: Ser at det er litt crap, menmen. Kanskje du skjønner hva som må til.

Endret av semafor
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...