Wie Sie die Inhaltsmaske für ein Formularfeld basierend auf einer anderen Feldeingabe festlegen

Erwarten Sie ein bestimmtes Format für Ihre Formularantworten? Haben Sie einige Warnungen und Beschreibungen hinzugefügt, aber es gibt immer noch Leute, die ein falsches Format absenden?

Die Eingabemaske wird Ihnen dabei helfen! Hier sehen Sie, wie Sie sie ganz einfach einrichten können:

Watch on youtube

1. Klicken Sie auf den Button Element hinzufügen.
2. Wählen Sie das Element Kurzer Text.
3. Öffnen Sie die Eigenschaften des Kurzer Text Elements.
4. Klicken Sie auf die Registerkarte Optionen.
5. Aktivieren Sie die Option Eingabemaske und geben Sie das gewünschte Format ein.

Bei der Erstellung der Eingabemaske gibt es 3 Sonderzeichen, die wir verwenden können:

# – um einen Platzhalter zu erstellen, der an dieser Stelle nur Zahlen zulässt
@ – Platzhalter für ein Zeichen / einen Buchstaben, der an dieser Stelle hinzugefügt werden kann
* – Platzhalter für sowohl Zeichen als auch Zahlen an dieser bestimmten Stelle.

Die Eingabemaske schränkt im Grunde jede Eingabe ein, um das Format festzulegen, das Sie benötigen, aber nicht das Format, an das die Benutzer möglicherweise gewöhnt sind.

Bedingte Eingabemaske einrichten

Die Begrenzung des Eingabeformats über die Symbolleiste ist leicht zu verstehen, aber was ist, wenn sich das Format im gesamten Formular ändert, weil der Benutzer eines der anderen Felder bevorzugt? In diesem Fall sind Bedingungen immer nützlich. Nehmen wir an, wir befinden uns in den USA und möchten internationale Telefonnummern einbeziehen, aber sowohl die inländischen als auch die lokalen Nummern behalten.

Es gibt zwei verschiedene Möglichkeiten, dies zu erreichen:

1. Mehrere Felder mit Ein-/Ausblendbedingungen erstellen

Um dies zu erreichen, müssen Sie zwei oder mehr Felder für dieselbe Art von Informationen erstellen, von denen eines immer ausgefüllt ist und die anderen Felder leer sind.

In unserer Demo haben wir diese Methode auf das Feld Adresse angewandt, um den Unterschied zu verdeutlichen, den diese Einstellung bewirkt. Hier ist die Einrichtung:

1. Fügen Sie ein Einzelauswahl-Element als Adressselektor und 3 Adress-Elemente für jede Art von Adresse in Ihr Formular ein.

2. Gehen Sie auf die Seite Einstellungen.
3. Wählen Sie die Registerkarte Bedingungen.
4. Klicken Sie auf die Option Feld ein-/ausblenden.

5. Danach erstellen Sie eine Bedingung, um das Feld in Abhängigkeit von einem ausgewählten Adresstyp anzuzeigen:

Schließlich sollten Sie für jedes Adressfeld eine Bedingung zum Ein- und Ausblenden festlegen.

2. Eine bedingte Maske für ein einzelnes Feld erstellen

Auf diese Weise zeigt uns ein Feld immer den Wert an, aber das Format kann bedingt geändert werden.

In unserer Demo wurde diese Methode auf das Telefonfeld angewendet, um den Unterschied zu verdeutlichen, den diese Einstellung macht. Wenn das Unternehmen hauptsächlich lokal tätig ist, ergibt es Sinn, dass die Eingabemaske für lokale Telefonnummern eingestellt wird: 123–1234. Wenn es sich jedoch nicht um ein lokales Unternehmen handelt, sondern um ein Unternehmen im Inland, lautet das Format: (123) 123–1234. Und internationale Nummern beginnen mit einem Plus und einer eigenen Vorwahl: +123-123-123-1234.

Alle anderen Zeichen, die wir hinzufügen, dienen dazu, uns bei der Formatierung zu helfen, d. h. sie bleiben immer dort. Für die Maske der US-Ortsnummer würden wir also ###-#### eingeben, was bedeutet, dass nach der dritten Zahl automatisch ein Minus/Bindestrich hinzugefügt wird und 4 weitere Zahlen akzeptiert werden können.

Andere Formate:

US-Inlandstelefonnummern: (###) ###-####
Internationale Telefonnummern: +###-###-###-####

Um dasselbe zu erstellen:

1. Rufen Sie die Seite Einstellungen.
2. Wählen Sie die Registerkarte Bedingungen.
3. Wählen Sie Feld aktivieren/erfordern.

4. Richten Sie die Bedingung entsprechend Ihren Anforderungen ein. In unserer Demo sieht die Bedingung für lokale Nummern wie auf dem Screenshot unten aus:

5. Wiederholen Sie die Schritte, um die gleichen Bedingungen für jede Maskierung in Ihrem Formular hinzuzufügen.

Es gibt viele verschiedene Arten von Informationen, die für die Maskierung von Inhalten in Ihrem Formular verwendet werden können, z. B. Adresse und Telefonnummer.

In diesem Formular können Sie sehen, wie das Ganze aussieht. Wenn Sie möchten, können Sie das Formular auch in Ihrem Konto klonen und alles überprüfen.

Wenn Sie Fragen haben oder Hilfe benötigen, stehen wir Ihnen natürlich gerne zur Verfügung. Alles, was Sie machen müssen, ist, uns dies mitzuteilen, indem Sie einen neuen Thread erstellen oder hier einen Kommentar posten.