 Eingabewert prüfen 03 - Buchstaben
Das Script überprüft ein Eingabefeld auf gültige Inhalte. Erwartet werden hier ausschließlich Buchstaben und Sonderzeichen. Die erwartete Eingabe ist mindestens 5 Zeichen lang. Leerzeichen werden als ungültige Eingabe erkannt.
|
|
Eingabe prüfen auf Buchstaben und Sonderzeichen
erlaubte Zeichen: a-z, A-Z, ß ä ü ö Ä Ü Ö
Ungültige Eingaben:
- Ziffern, Leerzeichen und Sonderzeichen
- keine Eingabe (leeres Feld)
- Eingaben aus weniger als 5 Zeichen (zusätzliche Prüfung)
Die Prüfung der Eingabe erfolgt hier in meiner Demo beim Klick auf den Button (onClick)
Diese Prüfungsroutine für die Eingabe von Buchstaben können sie für ihre Bedürfnisse leicht anpassen, weil Eckwerte für die Prüfung in Variablen festgelegt wurden.
| Feldbezeichnung für Fehlermeldung | var Feld | "Username" |
| gültige Zeichen | var Set | 'a-z,A-Z,ßäüöÄÜÖ' |
| Mindestlänge | var MinAnzahl | 5 |
Erklärung
Die Funktion für die Prüfung bezieht sich auf das Formularelement mit der ID "Feld03", das Eingabefeld für die Texteingabe.
<input type="text" id="Feld03" size="25" maxlength="30">
Zur Prüfung wird der Eingabewert mit dieser Anweisung entnommen und weiter verarbeitet.
document.getElementById("Feld03").value;
... in diesem Dokument gehe zum Element mit der ID "Feld03" und entnehme den Wert.
Anpassung an ihr Formular
Wenn sie dieses Script in ihr bestehendes Formular einbinden möchten, fügen sie das Eingabefeld für die Texteingabe ein und vergeben für dieses Formularfeld die ID 'Feld03'.
Kopieren sie den Script-Code für die Prüfung in ihre Prüfungs-Routine.
Die Anzahl der erwarteten Zeichen (hier 5) wurde in einer Variablen festgelegt:
var MinAnzahl = 5;
So können Sie das Script leicht an Ihre Bedüfnisse anpassen.
Prüfungen
a) Prüfung beim Anklicken
Hier in meiner Demo wird die Prüfungsfunktion erst beim Klicken eines Buttons aufgerufen. Dazu ist ein Formularelement 'Button' notiert. Der Event-Handler 'onClick' (beim Klicken) überwacht die Ereignisse und ruft die Funktion 'Pruefen03()' auf.
<input type="Button" onClick="Pruefen03()" ...
b) sofortige Prüfung beim Verlassen
Sie können auch eine sofortige Prüfung beim Verlassen des Eingabefeldes auslösen. Wenn gleich beim Verlassen des Eingabefeldes eine Prüfung stattfinden soll, wird der Funktionsaufruf im Input-Tag notiert. Der Event-Handler 'onBlur' (beim Verlassen) überwacht die Ereignisse. onBlur bedeutet:
<input onblur="Pruefen03()" type="text" ...
CSS-Formatierung des Prüfe-Buttons
im Head-Bereich
<style type="text/css">
<!--
.button01 {
cursor: hand;
border: 1px solid #6D93E1;
background-color: #C4D3F6;
width:88px;
}
-->
</style>
im Body-Bereich
<input class="button01" onclick="Pruefen04();" ...
|
Home • Formulare • Eingabe prüfen alphanumerisch
QuellCode