### [Come limitare l'inserimento di numeri in un campo di testo a riga singola](https://wpforms.com/developers/how-to-restrict-numbers-in-a-single-line-text-form-field/)

**Pubblicato:** 23 luglio 2020
**Autore:** Umair Majeed

**Estratto:** Questo tutorial ti guiderà attraverso i passaggi necessari per impedire l'inserimento di numeri in un campo di testo a riga singola. 

**Contenuto:**

Desideri impedire agli utenti di inserire numeri nei tuoi campi di testo a riga singola? Sebbene sia possibile utilizzare le maschere di input per limitare i campi ai soli caratteri alfabetici, questa guida ti mostrerà come creare una soluzione più flessibile che consenta sia le lettere maiuscole che minuscole, bloccando al contempo i numeri.

In questo tutorial, ti mostreremo il frammento di codice necessario per limitare i numeri in questi campi.

## Configurazione del modulo

Per prima cosa, crea un nuovo modulo e aggiungi un campo **Testo a riga singola** che desideri limitare. Per il nostro esempio, lo useremo come campo Nome utente. Se hai bisogno di aiuto per creare un modulo, consulta la nostra [guida su come creare il tuo primo modulo](https://wpforms.com/docs/creating-first-form/).

Prendi nota dell'ID del modulo e dell'ID del campo, poiché ti serviranno per il codice. Se non sei sicuro di come trovare questi ID, consulta la nostra guida su [come trovare gli ID di moduli e campi](https://wpforms.com/how-to-track-user-locations-with-wordpress-form-submissions/).

## Aggiunta del codice di convalida

Questo codice impedirà l'invio del modulo se nel campo vengono rilevati dei numeri. Se hai bisogno di aiuto per aggiungere codice al tuo sito, consulta la nostra guida su [come aggiungere codice personalizzato a un sito WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Sostituisci i seguenti valori nel codice PHP:

- Alla **riga 11**: sostituisci **1000** con l'ID del tuo modulo
- Alla **riga 17**: sostituisci **25** con l'ID del tuo campo
- Alla **riga 22**: sostituisci nuovamente **25** con l'ID del tuo campo

Se il campo **Nome utente** contiene anche solo un numero al momento dell'invio del modulo, apparirà un messaggio di errore e il modulo non verrà inviato.

![ora puoi limitare i numeri in un campo di testo a riga singola](https://wpforms.com/wp-content/uploads/2022/07/restrict-numbers-error-message.jpg)## Opzione di convalida in tempo reale

Se preferisci impedire agli utenti di inserire numeri prima dell'invio del modulo, puoi implementare la convalida in tempo reale. Ecco come:

Per iniziare, modifica il modulo e, con il campo **Testo su una riga** selezionato, fai clic sulla scheda **Avanzate** sotto **Opzioni campo** e aggiungi **no-numbers** al campo **Classi CSS**.

Quindi, aggiungi questo codice JavaScript al tuo sito:

Una volta aggiunto lo snippet, verrà visualizzato immediatamente un messaggio di errore che avvisa il visitatore dell'errore di convalida quando esce dal campo con il tasto Tab o cliccando altrove.

## Azione di riferimento

[wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Utilizzo dell'azione wpforms_process")

Vuoi impedire l'inserimento di caratteri speciali in un campo modulo **Testo su una riga**? Dai un'occhiata al tutorial su [Come limitare i caratteri speciali in un campo modulo](https://wpforms.com/developers/how-to-restrict-special-characters-from-a-form-field/ "Come limitare i caratteri speciali in un campo modulo").

**Categorie:** Campi

**Tag:** Javascript, jQuery, JS, PHP

---

