Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir eine Provision verdienen können, wenn Sie auf einige unserer Links klicken. Sehen Sie, wie WPForms finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können.

Claire Broadley

Claire ist Content Managerin für das WPForms-Team. Sie verfügt über 13 Jahre Erfahrung im Schreiben über WordPress und Webhosting. Mehr erfahren

Das beste WordPress Drag-and-Drop-Formular-Builder-Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzern an, die WPForms vertrauen.

Gerade beliebt auf WPForms!

Versteckte Funktionen von WPForms, die Sie nicht kannten

Versteckte Funktionen von WPForms, von denen Sie nichts wussten

Entdecken Sie die verborgene Kraft von WPForms mit diesen weniger bekannten Funktionen, die Ihre Formularerstellung revolutionieren können. Von Produktivitätssteigerern bis hin zu Datenverwaltungstools – entdecken Sie die Geheimnisse, um effizientere, benutzerfreundlichere Formulare zu erstellen.

Ob Sie ein erfahrener WPForms-Benutzer sind oder gerade erst anfangen, diese versteckten Juwelen werden Ihnen helfen, Formulare zu erstellen, die nicht nur gut aussehen, sondern auch intelligenter funktionieren. Entfesseln Sie das volle Potenzial von WPForms und optimieren Sie Ihren Formularverwaltungsprozess mit diesen Expertentipps und Tricks.

43 Kommentare zu "So begrenzen Sie Formularfelder mit Eingabemasken (+Beispiele)"

  1. Kann ich eine Mindest-/Maximalänge definieren, z. B. für ein einzeiliges Feld, und wird dies korrekt validiert?

    Antworten

  2. Was passiert, wenn Sie kein Feld namens Eingabemaske haben? Gibt es nichts unter dem Feld CSS-Klassen unter Erweiterte Optionen?

    Antworten

    1. Hallo Dianne,

      Ich entschuldige mich für alle Schwierigkeiten damit! Stellen Sie bei der Eingabe einer Eingabemaske sicher, dass Sie ein Feld vom Typ Nur-Text verwenden (dies ist derzeit der einzige Feldtyp, der Eingabemasken zulässt). Außerdem ist dies eine neuere Funktion, stellen Sie also sicher, dass Ihr WPForms-Plugin vollständig auf dem neuesten Stand ist.

      Wenn Sie dies ausprobieren und die erwarteten Optionen immer noch nicht sehen, setzen Sie sich bitte mit uns in Verbindung, damit wir Ihnen weiterhelfen können. Wenn Sie eine WPForms-Lizenz haben, haben Sie Zugang zu unserem E-Mail-Support. Bitte reichen Sie ein Support-Ticket ein.

      Andernfalls bieten wir eingeschränkten kostenlosen Support im WPForms Lite WordPress.org Supportforum.

      Danke 🙂

      Antworten

  3. Hallo, in diesem Artikel: https://wpforms.com/docs/how-to-use-custom-input-masks/

    Sie verwenden die Beispiel-Eingabemaske für eine E-Mail-Adresse unter „mysite.com“

    Maske: *[*{0,50}]@mysite.com
    Beispiel-Eingabe: [email protected] oder [email protected]

    Aber was ist, wenn Ihre Website den Buchstaben „a“ enthält? Zum Beispiel…

    Verwendung dieser Ebenenmaske: *[*{0,50}]@mydomain.com
    rendert tatsächlich ein Feld, das ein Leerzeichen für das „a“ in domain hat.
    Beispiel-Eingabe: _______@mydom_in.com

    Wie formatiere ich die Ebenenmaske so, dass die gesamte Zeichenkette „mydomain.com“ erhalten bleibt?

    Vielen Dank im Voraus für Ihre Hilfe!

    Antworten

    1. Hallo Re,

      Es tut mir leid wegen der Schwierigkeiten damit! Ich habe das von Ihnen beschriebene Problem repliziert und es unserem Team zur Behebung weitergeleitet. Danke, dass Sie uns informiert haben, damit wir das lösen können! 🙂

      Antworten

  4. Hallo. Ich möchte das Eingabemasken-Tool verwenden, um die Zeicheneingabe in einigen meiner Felder zu begrenzen.

    Ich verwende diese Maske: *[*{0,30}].

    Sie enthält jedoch nicht die „Leerzeichen“ als Zeichen.

    Welche Eingabemaske kann ich verwenden, um die Leerzeichen als Zeichen in meine 30-Zeichen-Grenze einzuschließen?

    Antworten

    1. Hallo Alicia,

      Unsere Eingabemasken bieten derzeit keine „Leerzeichen“-Anforderung auf diese Weise. Stattdessen könnten Sie erwägen, benutzerdefinierten Code zu verwenden, um diese Zeichenbegrenzung stattdessen hinzuzufügen (hier ist unsere Dokumentation mit Details).

      Der Code in diesem Dokument zählt Leerzeichen als Zeichen und sollte daher besser mit dem übereinstimmen, was Sie im Sinn haben.

      Und falls es hilft, hier erfahren Sie, wie Sie benutzerdefinierten Code wie diesen zu Ihrer Website hinzufügen.

      Ich hoffe, das hilft! 🙂

      Antworten

  5. Ich habe das gleiche Problem wie RE CARLSON
    —
    Aber was, wenn Ihre Website den Buchstaben „a“ enthält?
    —
    Haben Sie eine Lösung dafür?
    Danke.

    Antworten

    1. Hallo Allan,

      Ich habe gute Nachrichten – wir haben eine Lösung dafür 🙂

      Um ein „a“ hinzuzufügen, ohne es in einen Teil des Eingabebereichs zu verwandeln, können Sie es mit `\\` escapen. Wenn Sie beispielsweise diese Eingabemaske eingeben würden: `this is \\a test aaa`, würde sie wie folgt lauten: „this is a test ___“.

      Stellen Sie also sicher, dass Sie den doppelten Backslash vor jedem A, a oder 9 setzen, das Sie beibehalten möchten (nicht in ein _ umwandeln).

      Ich hoffe, das hilft! 🙂

      Antworten

  6. Hallo,

    Ich benötige Großbuchstaben alphanumerisch (0-9 oder A-Z) zur Kombination mit Leerzeichen zwischen den Zeichen. Anscheinend erlaubt „&“ keine Leerzeichen.

    Antworten

    1. Hallo Elyas,

      Wir haben kein Sonderzeichen für Leerzeichen; stattdessen können Sie einfach ein Leerzeichen zwischen beliebige &-Zeichen einfügen, sodass das Eingabefeld lauten kann: „&&&& &&&&.“

      Ich hoffe, das hilft! 🙂

      Antworten

      1. Wie kann ich ein Feld so gestalten, dass es nur mit Zahlen von 6-9 beginnt? Ich benutze WPForms Basic.

        Beispiel
        7898981226
        8985607458
        9989878774

      2. Hallo Munaf!

        Sie können eine benutzerdefinierte Eingabemaske für das Feld „Single Line Text“ erstellen, es gibt jedoch keine integrierte Option, um dort den Zahlenbereich zu verwenden.
        Sie können es also zum Beispiel so machen: „\\799999“, und es erlaubt nur „7“ am Anfang und dann 5 weitere beliebige Ziffern, aber wir haben dort leider keine Regeln, um 7 ODER 8 ODER 9 am Anfang auszuwählen.
        Und falls es hilft, wir haben hier ein weiteres großartiges Tutorial zur Verwendung benutzerdefinierter Eingabemasken in WPForms hier

        Ich entschuldige mich für etwaige Verwirrung!

        Lass dir einen schönen Tag 🙂

  7. Ich beginne mit der Nutzung von WPForms, noch kostenlos für Tests der Kompatibilität mit bereits implementierten Lösungen. Beim Versuch, eine einfache Maske, die von Ihnen vorgeschlagen wurde, wie z. B. „https://www.f\\acebook.com/*{1,22}“ in einem Feld „Single Line Text“ zu personalisieren, stelle ich fest, dass einfache Sonderzeichen wie ? . oder / ; nicht akzeptiert werden. Ist dies eine absichtliche Einschränkung für kostenlose Benutzer oder könnten Sie mir mitteilen, durch welches Symbol ich das * ersetzen sollte, um die Eingabe von Sonderzeichen in der Maske zu ermöglichen?

    Antworten

    1. Hallo Waqas – Wenn die Anzahl der Ziffern fest ist, dann ist es machbar. Zum Beispiel zeigt diese Eingabemaske 9 Ziffern und ein Komma nach jeweils 3 Ziffern 999.999.999 an

      Ich hoffe, das hilft!

      Antworten

    1. Hallo Afif – Wir haben einige Anleitungen für erweiterte Eingabemasken in diesem Artikel, die erklären, wie man einige Zeichen hinzufügt.

      Für weitere Hilfe hierzu wenden Sie sich bitte an unseren Support, damit wir Ihnen helfen können. Wenn Sie eine WPForms-Lizenz haben, haben Sie Zugang zu unserem E-Mail-Support, also reichen Sie bitte ein Support-Ticket ein. Andernfalls bieten wir eingeschränkten kostenlosen Support im WPForms Lite WordPress.org Support-Forum.

      Danke 🙂

      Antworten

  12. Hallo, meine Eingabemasken scheinen nicht mehr zu funktionieren, die Textfelder lassen einfach alles zu, obwohl Masken aktiv sind. Irgendeine Hilfe bitte? Danke.

    Antworten

  13. Hallo,

    Ich erstelle ein Namensfeld mit einer Zeile Text & nur Buchstaben und Leerzeichen sollten hinzugefügt werden. Dafür habe ich die Eingabemaske als a{1,50} hinzugefügt. Dies akzeptiert Buchstaben, aber Leerzeichen können nicht hinzugefügt werden. Bitte geben Sie mir eine Lösung dafür.

    Antworten

    1. Hallo Amrita! Ich entschuldige mich, aber Eingabemasken wären für diese Art von Anwendungsfall nicht geeignet, da sie dazu dienen, der Eingabe eine bestimmte Struktur zu geben, z. B. eine Telefonnummer oder eine ID-Nummer. Leerzeichen könnten nicht in einer Eingabemaske verwendet werden.

      Um das zu erreichen, was Sie suchen, wäre eine benutzerdefinierte Programmierung (normalerweise jQuery oder JavaScript) erforderlich. Ich entschuldige mich jedoch, da wir keine Unterstützung für diesen Grad an Anpassung anbieten können. Dieser Thread könnte Ihnen jedoch einige Ideen geben.

      Es tut mir leid, dass wir keine Lösung dafür anbieten können, aber wenn Sie weitere Fragen haben, kontaktieren Sie uns bitte, wenn Sie ein aktives Abonnement haben. Wenn nicht, zögern Sie nicht, uns Fragen in unseren Support-Foren zu stellen.

      Antworten

    1. Hallo! Es scheint, dass Sie diese Frage in mehreren Artikeln gepostet haben, daher werde ich sie hier an einem Ort beantworten.

      Ich entschuldige mich, aber es ist nicht möglich, anzugeben, wo die optionale Zahl platziert werden würde, da die Eingabemaske nach der Reihenfolge funktioniert, in der sie eingegeben werden. Technisch gesehen könnte die optionale Zahl optional gehalten werden, aber das würde bedeuten, dass Ihre Benutzer dieses Zeichen überspringen müssten, indem sie ein Leerzeichen an dieser Zeichenposition eingeben und dann mit dem Ausfüllen des restlichen Feldes fortfahren.

      Es sollte mit etwas benutzerdefinierter Programmierung möglich sein, aber es tut mir leid, dass solche Anpassungen außerhalb des Rahmens unseres Supports liegen. Falls Sie sich mit benutzerdefinierten Entwicklungsoptionen befassen möchten, empfehlen wir Ihnen dringend Codeable. Codeable prüft alle Entwickler für Sie, um sicherzustellen, dass sie hochqualifiziert und kommunikativ sind, und hilft dann auch bei der gesamten Abwicklung der Verbindung und Kommunikation mit einem passenden Entwickler.

      Hier ist unser Tutorial zur Verwendung von Codeable, das weitere Details darüber enthält, wie dieser Prozess funktioniert.

      Oder wenn Sie ein Team suchen, zu dem Sie (langfristig) für benutzerdefinierte Entwicklungsunterstützung immer wieder zurückkehren können, könnten Sie auch WPBuffs in Betracht ziehen.

      Ich hoffe, das klärt die Sache 🙂 Wenn Sie weitere Fragen dazu haben, kontaktieren Sie uns bitte, wenn Sie ein aktives Abonnement haben. Wenn nicht, zögern Sie nicht, uns Fragen in unseren Support-Foren zu stellen.

      Antworten

  15. Das Telefonnummer-Element bietet keine Eingabemaskierung, ist diese Funktion möglich?

    Wir möchten die Eingabemaskierung für das Telefonnummer-Element verwenden können, da es den Ländercodewähler bietet, während ein reguläres Texteingabefeld dies nicht tut (obwohl es Eingabemaskierung bietet).

    Danke,
    Mark

    Antworten

    1. Hallo Mark,

      Wir haben keine integrierte Funktion, um eine benutzerdefinierte Maske für das Telefonfeld festzulegen. Dies kann jedoch mit dem Feld für einzelne Textzeilen erreicht werden, indem die benutzerdefinierte Eingabemaske wie hier gezeigt festgelegt wird.

      Ich hoffe, das hilft! 🙂

      Antworten

  16. Ist es möglich, eine Dezimalzahl in das numerische Feld einzugeben?

    So dass ein Benutzer immer eine ganze Zahl + x Nachkommastellen eingeben muss?

    Zum Beispiel:

    0,015
    0,792
    0,28
    1,256

    Antworten

    1. Hallo Cristian – Sie können die folgende Eingabemaske verwenden, um dies zu erreichen: $ [[9],999.99].

      Ich hoffe, das hilft!

      Antworten

    1. Hallo Kashmira – Sie können die folgende Eingabemaske verwenden, um dies zu erreichen: EMP2[9999].

      Ich hoffe, das hilft!

      Antworten

  19. Hallo! Wie kann ich eine Eingabemaske für einen optionalen Betrag erstellen
    z. B. 1.000.000 $ oder 250.000 $, wobei je nach Betrag ein Komma hinzugefügt wird?

    Antworten

    1. Hallo Mariana, leider haben wir keine integrierte Option für ein optionales Format mit Eingabemaske, wie Sie es beschrieben haben. Ich stimme zu, dass es sehr hilfreich wäre. Ich habe eine Notiz zu der Funktionsanfrage gemacht und wir werden sie bei der Planung unserer Roadmap für die Zukunft im Auge behalten.

      Danke und einen schönen Tag noch!

      Antworten

  21. Hallo – kann ich eine Eingabemaske verwenden, um Leerzeichen NICHT zuzulassen?
    Wenn ein Benutzer z. B. „AA 9999“ eingibt, erzwingt die Maske „AA9999“?
    Oder wird ein nachgestelltes/führendes Leerzeichen wie „AA9999[_]“ als „AA9999“ ohne Leerzeichen eingegeben?

    Antworten

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen möchten. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links Nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.

Dieses Formular ist durch Cloudflare Turnstile geschützt und die Datenschutzrichtlinie und Nutzungsbedingungen von Cloudflare gelten.