### [So beschränken Sie Zahlen in einem einzeiligen Textformularfeld](https://wpforms.com/developers/how-to-restrict-numbers-in-a-single-line-text-form-field/) **Veröffentlicht:** 23. Juli 2020 **Autor:** Umair Majeed **Auszug:** Diese Anleitung führt Sie durch die Schritte, die erforderlich sind, um die Eingabe von Zahlen in einem einzeiligen Textformularfeld zu verhindern. **Inhalt:** 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 Zahlen blockiert. In diesem Tutorial zeigen wir Ihnen den notwendigen Code-Schnipsel, um Zahlen in diesen Feldern zu beschränken. ## Einrichten des Formulars Erstellen Sie zunächst ein neues Formular und fügen Sie ein Feld vom Typ **Einzeiliger Text** hinzu, das Sie einschränken möchten. Für unser Beispiel verwenden wir es als Feld für den Benutzernamen. Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, lesen Sie unsere [Anleitung zum Erstellen Ihres ersten Formulars](https://wpforms.com/docs/creating-first-form/). 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 [So finden Sie Formular- und Feld-IDs](https://wpforms.com/how-to-track-user-locations-with-wordpress-form-submissions/). ## 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 [Hinzufügen von benutzerdefiniertem Code zu einer WordPress-Website](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). 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** bei der Übermittlung des Formulars Zahlen enthält, wird eine Fehlermeldung angezeigt und das Formular wird nicht übermittelt. ## 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 aussteigt oder darauf klickt. ## Referenzaktion [wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Verwendung der wpforms_process-Aktion") Möchten Sie auch verhindern, dass Sonderzeichen in ein **einzeiliges Text**-Formularfeld eingegeben werden? Sehen Sie sich das Tutorial [So beschränken Sie Sonderzeichen aus einem Formularfeld](https://wpforms.com/developers/how-to-restrict-special-characters-from-a-form-field/ "So beschränken Sie Sonderzeichen aus einem Formularfeld"). **Kategorien:** Felder **Tags:** Javascript, jQuery, JS, PHP ---