KI-Zusammenfassung
Möchten Sie einen Wert im Number Slider-Feld erforderlich machen oder verhindern, dass Benutzer zur nächsten Seite wechseln, bis ein Mindestwert ausgewählt ist? Der Number Slider enthält keine Option für „Erforderlich“, aber Sie können eine benutzerdefinierte Validierung hinzufügen.
In diesem Tutorial zeigen wir serverseitige Validierung für einseitige Formulare und clientseitige Validierung für mehrseitige Formulare, die Seitenwechsel blockiert, 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.
Serverseitig: Validieren bei Übermittlung (am besten für einseitige Formulare)
Dieses Snippet verwendet die Aktion wpforms_process_validate_number-slider, um den Slider-Wert nach der Übermittlung zu überprüfen. Wenn der übermittelte Wert 0 (oder unter Ihrem Schwellenwert) ist, wird ein Feldfehler hinzugefügt und die Eingabe wird nicht gespeichert.
Diese Validierung wird nach der Übermittlung des gesamten Formulars ausgeführt. Bei mehrseitigen Formularen wird dieser Fehler erst nach der endgültigen Übermittlung angezeigt. Er 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 wpformsBeforePageChange-Ereignis hört und den Seitenwechsel stoppt, wenn der Slider-Wert unter Ihrem Minimum liegt.
Das ist alles. Jetzt wissen Sie, wie Sie das Number Slider-Feld für einseitige und mehrseitige Formulare validieren.