Desiderate richiedere un valore nel campo Number Slider o impedire agli utenti di passare alla pagina successiva finché non viene selezionato un valore minimo? Il Cursore numerico non include l'opzione Richiesto, ma è possibile aggiungere una convalida personalizzata.
In questa esercitazione, mostreremo la validazione lato server per i moduli a pagina singola e la validazione lato client per i moduli a più pagine, che blocca le modifiche alla pagina finché non viene selezionato un valore valido.
Se avete bisogno di aiuto per aggiungere codice, consultate il nostro tutorial sull'aggiunta di snippet PHP personalizzati.
Lato server: Convalida all'invio (meglio per i moduli a pagina singola)
Questo frammento utilizza il metodo wpforms_process_validate_number-slider per verificare il valore del cursore dopo l'invio. Se il valore inviato è 0 (o al di sotto della propria soglia), aggiunge un errore di campo e impedisce il salvataggio della voce.
Questa convalida viene eseguita dopo l'invio dell'intero modulo. Nei moduli a più pagine, mostra un errore solo dopo l'invio finale. Non blocca lo spostamento tra le pagine.
Lato client: Blocco del cambio di pagina (migliore per i moduli a più pagine)
Per i moduli a più pagine, convalidare nel browser prima che il modulo passi alla pagina successiva. Questo snippet produce un piccolo script che ascolta il campo wpformsBeforePageChange e blocca la modifica della pagina se il valore del cursore è inferiore al minimo.
Ecco fatto. Ora sapete come convalidare il campo Number Slider per i moduli a una o più pagine.