Volete verificare che gli utenti abbiano inserito le stesse informazioni in due campi diversi? Sebbene WPForms includa la conferma via e-mail, è possibile estendere questa funzionalità ad altri tipi di campi, come Telefono, Indirizzo o qualsiasi altro campo in cui sia necessario confermare l'immissione da parte dell'utente.
Questa guida mostra come implementare la convalida del confronto dei campi utilizzando un semplice frammento di codice.
Impostazione del modulo
Per iniziare, creare un nuovo modulo o modificarne uno esistente. Per questo esempio, creeremo un modulo con due campi Telefono per dimostrare la convalida del confronto tra campi. Il primo campo raccoglierà il numero di telefono e il secondo campo servirà per la conferma.
Se avete bisogno di aiuto per creare un nuovo modulo, consultate la nostra guida sulla creazione del primo modulo.
Aggiunta dello snippet di codice
Successivamente, è necessario aggiungere lo snippet di codice che gestisce la convalida del confronto dei campi. Se non siete sicuri di dove aggiungere il codice personalizzato al vostro sito, consultate la nostra guida sull'aggiunta di codice personalizzato.
Lo snippet seguente confronta due campi Telefono e visualizza un messaggio di errore se non corrispondono:
È necessario personalizzare tre valori chiave nel codice:
- Su linea 10, sostituire
1000con l'ID del modulo - Su linea 15, sostituire
3con l'ID del primo campo telefonico - Su linea 18, sostituire
4con l'ID del secondo campo telefonico
Se avete bisogno di aiuto per trovare gli ID dei moduli e dei campi, consultate la nostra guida su come trovare gli ID dei moduli e dei campi.
E questo è quanto! Utilizzando i confronti tra campi, è possibile garantire la verifica dei dati inseriti nei moduli. Volete visualizzare in modo condizionato il pulsante Invia? Date un'occhiata al nostro tutorial su Come mostrare in modo condizionato il pulsante Invia.