automatisch ins nächste input springen

rernanded

Erfahrenes Mitglied
HTML:
<script>
function jumpToNext(e) {
if(e.value.length == 10) {
document.getElementById("text2").focus();
}
}
</script>
<input on type="text name="text1" onkeyup="jumpToNext(this);" maxlength="10"> <input type="text" name="text2" id="text2">

Hi, obiges js hilft mir dabei das bei einer eingabe in text1 nach 10 zeichen automatisch in text2 gesprungen wird.
ich will nun aber das bei eingabe eine leerzeichens in text1 automatisch in text2 gesprungen wird, da man in text1 nur ein wort(mit zusammenhängender zeichenfolge) schreiben darf, aber egal wie lang.

Moni
 
Hallo Moni,

diese Funktion macht genau das was du suchst:

Javascript:
<script language="javascript" type="text/javascript">
function jumpToNext() {
	if (event.keyCode == 32) {
		event.returnValue = false;
		document.getElementById("text2").focus();
	}
}
</script>
HTML:
<input id="text1" type="text" name="text1" value="" size="20" onkeydown="jumpToNext()" />
<br />
<input id="text2" type="text" name="text2" value="" size="20" />
 
Hi
Dafür must du deine jumpToNext Funktion folgendermasen anpassen.
Javascript:
function jumpToNext(e) {
if(e.value.indexOf(' ') != -1) {
document.getElementById("text2").focus();
}
}

Edit: tombes Antwort ist schöner :)
 

Neue Beiträge

Zurück