Eingabemasken: wann und wie sie zu verwenden sind

Eine Eingabemaske ermöglicht es, das erwartete Format in einem Eingabefeld zu definieren.

Schritt 1 : Definieren Sie Ihre Eingabemaske

Einfache reguläre Ausdrücke

Sie können ganz einfach reguläre Ausdrücke für Ihre Eingabemaske erstellen, indem Sie die Zeichen A für einen Buchstaben und N für eine ganze Zahl verwenden.

Hier sind einige Beispiele :

• Ein Datum : NN-NN-NNNN
• Ein Nummernschild : AA-NNN-AA
• Eine Sozialversicherungsnummer : N NN NN NN NNN NNN NN

Komplexe reguläre Ausdrücke

Für komplexere reguläre Ausdrücke können Sie den Webdienst Regex101.com.

Hier ist eine Zeichenkette, die verschiedene Familien zusammenführt :

/^(?=.*[A-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@])(?!.*[iIoO])\S{6,12}$/

• /^ Diese Symbole zeigen den Beginn der Zeichenkette an.
• (?=.*[A-z]) Prüft das Vorhandensein von Buchstaben (Klein- oder Großbuchstaben).
• (?=.*[a-z]) Prüft das Vorhandensein von Kleinbuchstaben.
• (?=.*[A-Z]) Prüft das Vorhandensein von Großbuchstaben.
• (?=.*[0-9]) Prüft das Vorhandensein von Zahlen.
• (?=.*[$@]) Prüft das Vorhandensein von Sonderzeichen ($, @).
• (?!.*[iIoO]) Prüft das Fehlen der Buchstaben i, I, o und O.
• \S{6,12} Definiert eine Mindestlänge von 6 und eine maximale Länge von 12 Zeichen (keine Leerzeichen).
• $/ Zeigt das Ende der Zeichenkette an.

Dieser reguläre Ausdruck stellt sicher, dass die Eingabe mindestens einen Buchstaben, einen Großbuchstaben, eine Zahl, ein Sonderzeichen ($, @) enthält, keine i, I, o oder O enthält und zwischen 6 und 12 Zeichen lang ist.

Natürlich können Sie reguläre Ausdrücke nach Belieben ändern oder eigene erstellen (wenn Sie über die nötigen IT-Kenntnisse verfügen). Sie können einfach Klammergruppen hinzufügen oder entfernen, die den Zeichen entsprechen, die Sie in Ihrem Passwort (nicht) haben möchten.

Weitere Beispiele :

• /^0[,.]([1-8]\d|90)$/ : Der Wert muss zwischen 0,10 und 0,90 liegen.
• /^22[,.]([1-9])$/ : Der Wert muss zwischen 22,1 und 22,9 liegen.
• /^(1[8-9]|2[0-4])$/ : Der Wert muss zwischen 18 und 24 liegen.
• /^(3([.,]\d{1,2})?|4([.,]0{1,2})?)$/ : Der Wert muss zwischen 3 und 4 liegen, einschließlich Dezimalstellen.
• Ein interner Nomenklaturcode vom Typ 2015J02 : /^2015[A-Z]\d{2}$/
• Eine Folge von 5 geraden Ziffern : /^[02468]{5}$/
• Das Wort „process“, das am Ende der Eingabe stehen muss : /process$/gi
• Eine Zahl mit einer Dezimalstelle (Dezimalstelle zwingend erforderlich) : /^[1-9][0-9]*[,.][0-9]$/
• Eine Zahl mit optionaler Dezimalstelle : /^[1-9][0-9]*([,.][0-9])?$/

Schritt 2 : Konfigurieren Sie Ihr Eingabefeld

• Gehen Sie in die Optionen Ihres Eingabefeldes und öffnen Sie den Reiter Erweitert.
• Um das Format Ihrer Eingabemaske festzulegen, geben Sie Ihren üblichen Ausdruck in das Feld Eingabemaske (üblicher Ausdruck) ein.
• Um eine Hilfestellung zur Eingabemaske hinzuzufügen, füllen Sie das Feld Eingabemaske (Erklärung für die Mobilgeräte) mit Hinweisen zum geforderten Format aus.
• Klicken Sie zum Schluss auf Bestätigen, um Ihre Einstellungen zu speichern.

Der Hilfetext wird als Infoblock auf dem mobilen Gerät angezeigt.

Auf dem mobilen Gerät

Die Eingabe ist nur dann gültig, wenn ihr Format mit dem definierten regulären Ausdruck übereinstimmt. Ist das Format falsch, wird das Feld rot angezeigt, und die Eingabe muss korrigiert werden. In diesem Fall wird die vorher festgelegte Nachricht aus dem Feld Eingabemaske (Erklärung für mobile Geräte) angezeigt.

Der Benutzer kann sein Formular nicht speichern, wenn nicht alle Felder vollständig ausgefüllt sind. 

In diesem Fall erscheint eine Meldung, die darauf hinweist, dass noch Felder fehlen.

Sobald die Eingabe jedoch dem erforderlichen Format entspricht, erhält das Feld seine ursprüngliche Farbe zurück.