Filter Werte Formular Eingabe HTML JavaScript Beispiel Download

Eingabefilter

WWW.WEB-TOOLBOX.NET

QuellCode

ZURÜCK

SITEMAP

Eingabefilter - Zulässige Werte

Beispiel zum Prüfen zulässiger Eingaben: Für ein Eingabefeld eines Formulars können sie die Eingaben prüfen, das ist bekannt. Hier finden sie ein Beispiel, bei dem sie die erlaubten Einträge in einer Gruppe zusammenfassen können. Die erlaubten Einträge werden in einer Variablen abgelegt.

Für die Weiterverarbeitung von Formulareinträgen sollen nur bestimmete Eingaben zugelassen werden. Die erlaubten Werte werden in einer Variablen abgelegt und mit der Eingabe im Textfeld des Formulars verglichen.

Hier wird die JavaScript-Funktion match() genutzt. Die ist in der Lage eine Zeichenkette zu durchsuchen / mit einer anderen zu vergleichen. Der Rückgabewert / das abgelieferte Ergebnis ist eine Zeichenfolge, abhängig von der Formulierung des Vergleichs. Das ist zwar nicht Thema dieser Seite aber wenn sie möchten, trotzdem 2 Scriptbeispiele:

Informationen einblenden / ausblenden

1) Dieser Vergleich findet 'Ap' und listet alle Funde:

<script type="text/javascript" language="JavaScript">
<!--
var Obst = "Apfel Birne Apfelsine Aprikose";
var Gefunden = Obst.match(/Ap/gi);
//-->
</script>

Der Variable Gefunden hat den Wert "Ap,Ap,Ap"

2) Dieser Vergleich findet alles was mit 'Ap' beginnt und noch 6 weitere Zeichen hat:

<script type="text/javascript" language="JavaScript">
<!--
var Obst = "Apfel Birne Apfelsine Aprikose";
var Gefunden = Obst.match(/Ap\S{6}/gi);
//-->
</script>

Der Variable Gefunden hat den Wert "Aprikose"

erlaubte Werte

Die erlaubten Werte werden in dieser Schreibweise in der Variablen 'Erlaubt' notiert.

// Liste der erlaubten Namen durch | getrennt
var Erlaubt=/^(Tina|Anja|Ina|Britta|Gerda|Marisa|Zara|Nadja|Swenja|Jupp)$/;

(Jupp will überall dabei sein)

Bitte nehmen sie die 'wilden' Zeichen erstmal einfach hin (dazu gibts später eine eigene Seite). Merken sie sich lediglich, dass die Werte innerhalb von Klammern stehen und durch einen Strich (AltGR + '<'-Taste erzeugt |) getrennt sind.

Funktion

Der eingetragene Wert im Textfeld des Formulars wird entnommen und in die Variable 'Vorname' geschrieben. Der Wert (der Inhalt) der Variablen 'Vorname' wird nun mit dem Inhalt der Variablen 'Erlaubt' verglichen, ein Fund wird als Ergebnis in die Variable 'OK' geschrieben.

var OK = Vorname.match(Erlaubt);

Bei einer Übereinstimmung ist die Variable 'OK' nicht leer, ohne Übereinstimmung schon. Nun muss man nur noch prüfen, ob die Variable 'OK' leer ist (Wert=null) oder nicht (Wert=true), um das Ergebnis auszuwerten.

Bsp: Eintag 'Anja', Wert der Variablen OK == 'true', daraus folgt: gültiger Eintrag.

Die Variable 'OK' hat den Wert 'true' wenn die Eingabe im Textfeld mit einem der Texte, notiert in der Variablen 'Erlaubt'; übereinstimmt.

Bei einer Anwendung in einem Formular sollte man beim Prüfungsergebnis "false" dann entweder eine Alert-Box anzeigen oder in anderer Form zu einer neuen Eingabe auffordern.

Beispiel 2

// Liste der erlaubten Werte durch | getrennt

var ErlaubteWerte=/^(0.01|0.02|0.05|0.1|0.2|0.5|1|2|5|10|20|50|100)$/;

0.01; 0.02; 0.05; 0.1; 0.2; 0.5; 1; 2; 5; 10; 20; 50; 100

NACH OBEN