<html lang="it-it" dir="ltr"><head></head><body>### [Aggiunta della convalida al campo Number Slider (moduli a pagina singola e multipagina)](https://wpforms.com/developers/adding-validation-to-the-number-slider-field-single-page-and-multi-page-forms/)

**Pubblicato:** 8 settembre 2025
**Autore:** Umair Majeed

**Contenuto:**

Desideri richiedere un valore nel campo Number Slider o impedire agli utenti di passare alla pagina successiva finché non viene selezionato un valore minimo? Il Number Slider non include un'opzione Obbligatorio, ma puoi aggiungere una convalida personalizzata.

In questo tutorial, mostreremo la convalida lato server per i moduli a pagina singola e la convalida lato client per i moduli multipagina che blocca i cambi di pagina finché non viene selezionato un valore valido.

Se hai bisogno di aiuto per aggiungere codice, consulta il nostro tutorial su [come aggiungere snippet PHP personalizzati](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Lato Server: convalida alla sottomissione (ideale per moduli a pagina singola)

Questo snippet utilizza l'azione `wpforms_process_validate_number-slider` per controllare il valore dello slider dopo la sottomissione. Se il valore inviato è `0` (o inferiore alla tua soglia), aggiunge un errore al campo e impedisce il salvataggio dell'inserimento.

Questa convalida viene eseguita dopo la sottomissione dell'intero modulo. Nei moduli multipagina, mostra un errore solo dopo la sottomissione finale. Non blocca il passaggio tra le pagine.

## Lato Client: blocca il cambio di pagina (ideale per moduli multipagina)

Per i moduli multipagina, convalida nel browser prima che il modulo passi alla pagina successiva. Questo snippet genera un piccolo script che ascolta l'evento `wpformsBeforePageChange` e interrompe il cambio di pagina se il valore dello slider è inferiore al tuo minimo.

Ecco fatto. Ora sai come convalidare il campo Number Slider per moduli a pagina singola e multipagina.

**Categorie:** Tutorial, Campi

---</body></html>