Input-Felder automatisch wechseln

[Ruediger]

Hallo zusammen,

ich habe folgendes Problem, und zwar möchte ich bei einem Bestellformular vier Input-Felder für die Kreditkartennummer eingeben. Kreditkartennummern setzen sich aus 4x4 Zahlen zusammen, ich möchte nun, dass wenn der Benutzer die ersten 4 Zahlen eingegeben hat, der Cursor automatisch zum 2. Input Feld für die nächsten 4 Zahlen springt.

Eigentlich ganz simpel. Aber ich kriegs trotzdem net hin :-(

Grüße aus BY
Ruediger

 

[Sven Mintel]

<script type="text/javascript">
<!--
function skip(o)
{
for(i=0;i<o.form.elements.length;++i)
    {
    if(o==o.form.elements[i])
        {
        if(o.form.elements[i].value.length>3)
            {
            o.form.elements[i].value=o.form.elements[i].value.substr(0,4)
            o.form.elements[i+1].focus();
            }
        }
    }
}
//-->
</script>

Der Aufruf erfolgt nicht mit

<input type="text"onclick="skip(this)">

sondern mit

<input type="text"onkeyup="skip(this)">

...in den ersten 3 Feldern.

Zwischen den 4 Feldern dürfen sich dabei keine anderen Formularfelder befinden.

 

[Ruediger]

Moin,

danke für den Skript. Leider läufts net :-( Keine Ahnung, die Funktion zeigt zwar keinen Fehler aber es läuft dennoch nicht ......

 

[Sven Mintel]

Sorry... der Aufruf muss natürlich bei "onkeyup"erfolgen, nicht bei "onclick" :-(

-->Test

 

[Thomas Lindner]

Nettes Script @ fatalus: ( wie immer )

Kleine Anmerkung:

Es sollte fürs vierte Feld keine Aktion ausgeführt werden, weil dies ergibt einen JavaScript Error (IE 6.0)...

 

[Ruediger]

Besten Dank,

nun läuft alles.
Schönen Feierabend!

Grüße
Ruediger