|
Dieses JavaScript zwingt den Besucher eine exakte Anzahl von Zeichen in eine Textbox einzugeben und springt dann zur nächsten Textbox. Es erinnert an die Codeabfrage bei Computerspielen oder bei Software. Es ist einfach in eine Seite zu integrieren.
Autor: Mr. J
zur Demo
in den <head> einfügen
<!-- by: Mr. J | huntingground.net -->
<script type="text/javascript">
function advance2(currentField,nextField,limit) {
if(nextField!="rset"&&document.myForm2[currentField].value.length == limit){
document.myForm2[nextField].select();
} else {
if (document.myForm2[currentField].value.length == limit) {
document.myForm2[currentField].maxLength=limit
document.myForm2[nextField].select()
document.myForm2[nextField].disabled=false
document.myForm2[currentField].blur()
document.myForm2[nextField].style.backgroundColor="#EFCCA4"
}
}
}
</script>
in den <body>
<p>
Bitte geben Sie den Code ein (XXX-XX-XXXX).</p>
<form name="myForm2" onreset="this.rset.disabled='true'; this.rset.style.backgroundColor=''">
<input type="text" name="t1" size="6" onclick="select()" onKeyUp="advance2('t1','t2',3)">
<input type="text" name="t2" size="6" onclick="select()" onKeyUp="advance2('t2','t3',2)">
<input type="text" name="t3" size="6" onclick="select()" onKeyUp="advance2('t3','rset',4)">
<input type="reset" name="rset" onclick="this.blur()" disabled>
</form>
|