Gå til innhold

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

Errae

Av Errae
i Programmering og webutvikling

Anbefalte innlegg

Errae

Errae

Skrevet
Skrevet

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

Videoannonse
Annonse
Runar

Runar

Skrevet
Skrevet (endret)

Det er meget mulig, men ikke uten hjelp fra for eksempel JavaScript. Let litt rundt på nettet og i dokumentasjonen til diverse JavaScript rammeverk (som jQuery) og det kan hende du finner noe.

 

Eller tenkte du at vi skulle gjøre jobben for deg?

Endret av Runar
Lenke til kommentar
semafor

semafor

Skrevet
Skrevet (endret)

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å
Gå til emneliste
×
×
  • Opprett ny...