Riassunto AI
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 moduli a pagina singola e la convalida lato client per 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.
Lato Server: Convalida alla sottomissione (ottimale 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 al di sotto della tua soglia), aggiunge un errore al campo e impedisce il salvataggio dell'inserimento.
Questa convalida viene eseguita dopo che l'intero modulo è stato inviato. Nei moduli multipagina, questo mostra un errore solo dopo la sottomissione finale. Non blocca il passaggio tra le pagine.
Lato Client: Blocca cambio pagina (ottimale 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 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.