Riassunto AI
Vuoi verificare che gli utenti inseriscano le stesse informazioni in due campi diversi? Sebbene WPForms includa la conferma email integrata, puoi estendere questa funzionalità ad altri tipi di campo come Telefono, Indirizzo o qualsiasi altro campo in cui devi confermare l'input dell'utente.
Questa guida ti mostrerà come implementare la validazione di confronto dei campi utilizzando un semplice snippet di codice.
Impostazione del modulo
Per iniziare, crea un nuovo modulo o modifica uno esistente. Per questo esempio, creeremo un modulo con due campi Telefono per dimostrare la validazione di confronto dei campi. Il primo campo raccoglierà il numero di telefono e il secondo campo servirà per la conferma.
Se hai bisogno di aiuto per creare un nuovo modulo, consulta la nostra guida su come creare il tuo primo modulo.
Aggiunta dello snippet di codice
Successivamente, dovrai aggiungere lo snippet di codice che gestisce la validazione di confronto dei campi. Se non sei sicuro di dove aggiungere codice personalizzato al tuo sito, consulta la nostra guida su come aggiungere codice personalizzato.
Il seguente snippet confronterà due campi Telefono e visualizzerà un messaggio di errore se non corrispondono:
Dovrai personalizzare tre valori chiave nel codice:
- Alla riga 10, sostituisci
1000con l'ID del tuo modulo - Alla riga 15, sostituisci
3con l'ID del tuo primo campo Telefono - Alla riga 18, sostituisci
4con l'ID del tuo secondo campo Telefono
Se hai bisogno di aiuto per trovare gli ID dei tuoi moduli e campi, consulta la nostra guida su come trovare gli ID dei moduli e dei campi.
E questo è tutto! Utilizzando il confronto dei campi, puoi assicurarti che i dati inseriti nei tuoi moduli vengano verificati. Vuoi visualizzare condizionalmente il pulsante Invia? Dai un'occhiata al nostro tutorial su Come mostrare condizionalmente il pulsante Invia.