KI-Zusammenfassung
Möchten Sie verhindern, dass Benutzer Zahlen in Ihren Einzeiligen Textfeldern eingeben? Während Sie Eingabemasken verwenden können, um Felder nur auf alphabetische Zeichen zu beschränken, zeigt Ihnen diese Anleitung, wie Sie eine flexiblere Lösung erstellen, die sowohl Groß- als auch Kleinbuchstaben zulässt und gleichzeitig Zahlen blockiert.
In diesem Tutorial zeigen wir Ihnen den notwendigen Code-Schnipsel, um Zahlen in diesen Feldern zu beschränken.
Einrichtung des Formulars
Erstellen Sie zuerst ein neues Formular und fügen Sie ein Feld vom Typ Einzeiliger Text hinzu, das Sie einschränken möchten. In unserem Beispiel verwenden wir es als Benutzernamenfeld. Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, lesen Sie unsere Anleitung zum Erstellen Ihres ersten Formulars.
Notieren Sie sich Ihre Formular-ID und Feld-ID, da Sie diese für den Code benötigen. Wenn Sie nicht sicher sind, wie Sie diese IDs finden, lesen Sie bitte unsere Anleitung zum Auffinden von Formular- und Feld-IDs.
Hinzufügen des Validierungscodes
Dieser Code verhindert die Formularübermittlung, wenn Zahlen im Feld erkannt werden. Wenn Sie Hilfe beim Hinzufügen von Code zu Ihrer Website benötigen, lesen Sie bitte unsere Anleitung zum Hinzufügen von benutzerdefiniertem Code zu einer WordPress-Website.
Ersetzen Sie die folgenden Werte im PHP-Code:
- In Zeile 11: Ersetzen Sie 1000 durch Ihre Formular-ID
- In Zeile 17: Ersetzen Sie 25 durch Ihre Feld-ID
- In Zeile 22: Ersetzen Sie 25 erneut durch Ihre Feld-ID
Wenn das Feld Benutzername beim Absenden des Formulars Zahlen enthält, wird eine Fehlermeldung angezeigt und das Formular wird nicht gesendet.
Echtzeit-Validierungsoption
Wenn Sie verhindern möchten, dass Benutzer Zahlen vor der Formularübermittlung eingeben, können Sie eine Echtzeit-Validierung implementieren. Hier ist, wie:
Bearbeiten Sie zunächst das Formular und wählen Sie das Feld Einzeiliger Text aus. Klicken Sie dann im Bereich Feldoptionen auf die Registerkarte Erweitert und fügen Sie no-numbers zum Feld CSS-Klassen hinzu.
Fügen Sie dann diesen JavaScript-Code zu Ihrer Website hinzu:
Sobald der Schnipsel hinzugefügt wurde, wird eine sofortige Fehlermeldung angezeigt, die den Besucher auf den Validierungsfehler aufmerksam macht, wenn er aus dem Feld heraus-tabbt oder klickt.
Referenzaktion
Möchten Sie auch verhindern, dass Sonderzeichen in ein Formularfeld vom Typ Einzeiliger Text eingegeben werden? Sehen Sie sich das Tutorial So beschränken Sie Sonderzeichen in einem Formularfeld an.