Hinzufügen einer Validierung zum Zahlenschiebereglerfeld (einseitige und mehrseitige Formulare)

Möchten Sie einen Wert im Zahlenschiebereglerfeld vorschreiben oder verhindern, dass Benutzer zur nächsten Seite wechseln, bis ein Mindestwert ausgewählt wurde? Der Zahlenschieberegler enthält keine Option Erforderlich, aber Sie können eine benutzerdefinierte Validierung hinzufügen.

In diesem Tutorial zeigen wir die serverseitige Validierung für einseitige Formulare und die clientseitige Validierung für mehrseitige Formulare, die Seitenänderungen blockiert, bis ein gültiger Wert ausgewählt wird.

Wenn Sie Hilfe beim Hinzufügen von Code benötigen, lesen Sie bitte unsere Anleitung zum Hinzufügen benutzerdefinierter PHP-Snippets.

Server-seitig: Validieren beim Absenden (am besten für einseitige Formulare)

Dieses Snippet verwendet die wpforms_process_validate_number-slider Aktion, um den Schiebereglerwert nach der Übermittlung zu überprüfen. Wenn der übermittelte Wert 0 (oder unter dem von Ihnen festgelegten Schwellenwert), wird ein Feldfehler hinzugefügt und der Eintrag wird nicht gespeichert.

Diese Überprüfung erfolgt, nachdem das gesamte Formular abgeschickt wurde. Bei mehrseitigen Formularen wird ein Fehler erst nach dem letzten Absenden angezeigt. Das Wechseln zwischen Seiten wird nicht blockiert.

Client-seitig: Blockseitenwechsel (am besten für mehrseitige Formulare)

Bei mehrseitigen Formularen muss die Validierung im Browser erfolgen, bevor das Formular auf die nächste Seite wechselt. Dieses Snippet gibt ein kleines Skript aus, das auf die wpformsBeforePageChange Ereignis und stoppt den Seitenwechsel, wenn der Schiebereglerwert unter dem von Ihnen festgelegten Minimum liegt.

Das war's. Jetzt wissen Sie, wie Sie das Feld Number Slider für ein- und mehrseitige Formulare validieren können.