<html lang="de-de" dir="ltr"><head></head><body>### [Hinzufügen von Validierung zum Number Slider-Feld (einseitige und mehrseitige Formulare)](https://wpforms.com/developers/adding-validation-to-the-number-slider-field-single-page-and-multi-page-forms/)

**Veröffentlicht:** 8. September 2025
**Autor:** Umair Majeed

**Inhalt:**

Möchten Sie, dass im Number Slider-Feld ein Wert erforderlich ist oder verhindern, dass Benutzer zur nächsten Seite wechseln, bis ein Mindestwert ausgewählt wurde? Der Number Slider enthält keine Option für „Erforderlich“, aber Sie können benutzerdefinierte Validierungen hinzufügen.

In diesem Tutorial zeigen wir serverseitige Validierung für einseitige Formulare und clientseitige Validierung für mehrseitige Formulare, die Seitenwechsel blockieren, bis ein gültiger Wert ausgewählt ist.

Wenn Sie Hilfe beim Hinzufügen von Code benötigen, lesen Sie bitte unser Tutorial zum [Hinzufügen benutzerdefinierter PHP-Snippets](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Serverseitig: Validieren beim Absenden (am besten für einseitige Formulare)

Dieses Snippet verwendet die Aktion `wpforms_process_validate_number-slider`, um den Schiebereglerwert nach dem Absenden zu überprüfen. Wenn der übermittelte Wert `0` (oder unter Ihrem Schwellenwert) liegt, wird ein Feldfehler hinzugefügt und die Eingabe wird nicht gespeichert.

Diese Validierung wird nach dem Absenden des gesamten Formulars ausgeführt. Bei mehrseitigen Formularen wird dieser Fehler nur nach dem endgültigen Absenden angezeigt. Es blockiert nicht den Wechsel zwischen den Seiten.

## Clientseitig: Seitenwechsel blockieren (am besten für mehrseitige Formulare)

Validieren Sie bei mehrseitigen Formularen im Browser, bevor das Formular zur nächsten Seite wechselt. Dieses Snippet gibt ein kleines Skript aus, das auf das Ereignis `wpformsBeforePageChange` hört und den Seitenwechsel stoppt, wenn der Schiebereglerwert unter Ihrem Minimum liegt.

Das ist alles. Jetzt wissen Sie, wie Sie das Number Slider-Feld für einseitige und mehrseitige Formulare validieren.

**Kategorien:** Tutorials, Felder

---</body></html>