<html lang="it-it" dir="ltr"><head></head><body>### [Come limitare il campo Telefono ad accettare solo numeri](https://wpforms.com/developers/how-to-restrict-phone-field-to-only-accept-numbers/)

**Pubblicato:** 12 agosto 2021
**Autore:** Team Editoriale

**Estratto:** In questo tutorial, ti mostreremo come limitare il campo Telefono ad accettare solo numeri utilizzando un piccolo script. 

**Contenuto:**

Vorresti limitare il campo **Telefono** ad accettare solo numeri? Per impostazione predefinita, i formati telefonici **Internazionale** e **Intelligente** ti permetteranno di inserire lettere, ma falliranno nella validazione quando esci dal campo.

![l'errore di validazione predefinito del telefono verrà mostrato quando si esce dal campo](https://wpforms.com/wp-content/uploads/2021/08/wpforms-default-phone-validation.jpg)

Utilizzando un piccolo snippet di codice puoi facilmente disabilitare l'inserimento di qualsiasi carattere della tastiera a meno che non sia un numero. Ciò significa che, se tentassero di digitare qualsiasi cosa diversa dai numeri, il testo semplicemente non verrebbe inserito, disabilitando così il campo finché non viene inserito un numero.

## Creazione del modulo

Innanzitutto, dovrai creare un nuovo modulo e aggiungere i tuoi campi. Se hai bisogno di assistenza nella creazione del tuo modulo, [vedi questa documentazione](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo").

![crea il tuo modulo e aggiungi i tuoi campi](https://wpforms.com/wp-content/uploads/2021/08/wpforms-create-your-form.jpg)

## Aggiunta della classe CSS

Successivamente, dovrai aggiungere una classe CSS al campo del modulo **Telefono**. Ogni volta che viene utilizzato un campo **Telefono** con questa classe, accetterà **solo** un valore numerico.

Aggiungendo questa classe CSS a qualsiasi campo del modulo che accetta classi CSS, puoi limitare quel campo ad accettare solo numeri.

Per aggiungere una classe CSS, seleziona il campo del modulo Telefono che hai aggiunto al tuo modulo e nella scheda **Avanzate**, aggiungi **numbersOnly** alle **Classi CSS**.

![aggiungi la classe CSS numbersOnly al campo Telefono](https://wpforms.com/wp-content/uploads/2021/08/wpforms-add-css-class.jpg)

## Limitare il campo del telefono solo ai numeri

Ora è il momento di aggiungere lo snippet al tuo sito che limiterà il campo ad accettare solo numeri.

Se hai bisogno di aiuto nell'aggiungere snippet al tuo sito, [rivedi questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms").

```

/**
 * Restrict the Phone Field to Only Accept Numbers.
 *
 * @link https://wpforms.com/developers/how-to-restrict-phone-field-to-only-accept-numbers/
 */

function restrict_letters_in_phone_field( ) {
?&gt;

**Categorie:** Campi

**Tag:** Javascript

---</body></html>