Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Eingabeüberprüfung mit JS
Frage
Hallo,
wie kann ich eine Eingabeüberprüfung in ein Inputfeld realisieren?
Es dürfen nur zahlen zwischen 10 und 500 eingegeben werden, bei Buchstaben sollte ein Popup erscheinen.
Danke für jeden Hinweis
Wal
Antwort 1 von Floooooo
Zunächst mal auf jeden Fall für das input-Feld das Attribut maxlength auf 500 Zeichen setzen.
Der Handler ist am besten onBlur="deineFunktion()", so wird die CheckRoutine bei verlkassen des Feldes aufgerufen.
Schau dich am besten mal bei SELFHTML im JS-Teil um: www.selfhtml.teamone.de
Der Handler ist am besten onBlur="deineFunktion()", so wird die CheckRoutine bei verlkassen des Feldes aufgerufen.
Schau dich am besten mal bei SELFHTML im JS-Teil um: www.selfhtml.teamone.de
Antwort 2 von Floooooo
Ups, sorry, es geht ja nur um Zahlen nicht Zeichen...
Dann: maxlength="3";
In der Funktion einfach eine Variable definieren und ihr den Feldwert (.value) zuweisen.
Dann gibts da z.B. die Funktion isNaN() (bitte in der Referenz nachschlagen), die überprüft, ob die Zahl eine Nummer ist.
Und die Größe kannst du ja mit <10 bzw. >500 noch genau eingrenzen.
Dann: maxlength="3";
In der Funktion einfach eine Variable definieren und ihr den Feldwert (.value) zuweisen.
Dann gibts da z.B. die Funktion isNaN() (bitte in der Referenz nachschlagen), die überprüft, ob die Zahl eine Nummer ist.
Und die Größe kannst du ja mit <10 bzw. >500 noch genau eingrenzen.
Antwort 3 von Walhalla
Danke, aber da ich JS-Dau bin, hättest Du evtl Codebeispiele für mich?
Wäre super, danke.
Wal.
Wäre super, danke.
Wal.
Antwort 4 von Dr.Ma-Busen
Mahlzeit!
Hier hast du mal ein kleines Codebeispiel.
MfG
Dr.Ma-Busen
Hier hast du mal ein kleines Codebeispiel.
<body>
<script type="text/javascript">
<!--
function chk(zahl){
zahl = zahl.replace(/\s/g,""); // Steuerzeich entfernen ( Zeilenumbruch, Leerzeichen,...)
if(!zahl) {return true} // Zurückspringen wenn das Feld leer ist
if(zahl.search(/[^0-9]/) != -1 // Prüft ob ein zeichen vorhanden ist was keine Zahl ist
|| zahl < 10 // Prüft ob der wert größer 10 ist
|| zahl > 500){// prüft ob der wert kleiner 500 ist
alert("Dein Meldungstext");// Gibt eine Meldung aus
}
}
//-->
</script>
<input type="text" name="zahl" onblur="chk(this.value)">
</body>MfG
Dr.Ma-Busen