Volete impedire agli utenti di inserire numeri nei vostri campi di testo a riga singola? Sebbene sia possibile utilizzare le maschere di input per limitare i campi ai soli caratteri alfa, questa guida vi mostrerà come creare una soluzione più flessibile che consenta l'inserimento di lettere maiuscole e minuscole, bloccando però i numeri.
In questa guida, vi mostreremo lo snippet di codice necessario per limitare i numeri in questi campi.
Impostazione del modulo
Per prima cosa, creare un nuovo modulo e aggiungere un campo di testo a riga singola che si desidera limitare. Nel nostro esempio, lo utilizzeremo come campo Nome utente. Se avete bisogno di aiuto per creare un modulo, consultate la nostra guida sulla creazione del vostro primo modulo.
Prendere nota dell'ID del modulo e dell'ID del campo, che serviranno per il codice. Se non si è sicuri di come trovare questi ID, consultare la nostra guida su come trovare gli ID dei moduli e dei campi.
Aggiunta del codice di convalida
Questo codice impedisce l'invio del modulo se nel campo vengono rilevati dei numeri. Se avete bisogno di aiuto per aggiungere codice al vostro sito, consultate la nostra guida sull'aggiunta di codice personalizzato al sito WordPress.
Sostituire i seguenti valori nel codice PHP:
- Alla riga 11: sostituire 1000 con l'ID del modulo.
- Alla riga 17: sostituire 25 con l'ID del proprio campo.
- Alla riga 22: sostituire nuovamente 25 con l'ID del campo
Se il campo Nome utente contiene un numero qualsiasi quando il modulo viene inviato, viene visualizzato un messaggio di errore e il modulo non viene inviato.
Opzione di convalida in tempo reale
Se si preferisce impedire agli utenti di inserire numeri prima dell'invio del modulo, è possibile implementare la convalida in tempo reale. Ecco come fare:
Per iniziare, modificate il modulo e, con il campo Testo a riga singola selezionato, fate clic sulla scheda Avanzate in Opzioni campo e aggiungete nessun numero al campo Classi CSS.
Quindi, aggiungete questo codice JavaScript al vostro sito:
Una volta aggiunto lo snippet, viene visualizzato un messaggio di errore immediato che avvisa il visitatore dell'errore di convalida quando si seleziona o si fa clic fuori dal campo.
Azione di riferimento
Volete anche impedire l'inserimento di caratteri speciali in un campo del modulo Testo a riga singola? Consultate il tutorial su Come limitare i caratteri speciali da un campo modulo.