Divulgazione: i nostri contenuti sono supportati dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scopri come viene finanziato WPForms, perché è importante e come puoi supportarci.

Claire Broadley

Claire è la Content Manager del team WPForms. Ha oltre 13 anni di esperienza nella scrittura di contenuti su WordPress e hosting web. Scopri di più

Il miglior plugin per la creazione di moduli drag and drop per WordPress

Facile, veloce e sicuro. Unisciti a oltre 6 milioni di proprietari di siti web che si affidano a WPForms.

43 commenti su “Come limitare i campi del modulo con maschere di input (+ esempi)

  1. Posso definire una lunghezza minima/massima ad esempio per un campo a riga singola e questo verrà convalidato correttamente?

  2. Cosa succede se non hai un campo chiamato Maschera di input? Non c'è niente sotto il campo Classi CSS nelle Opzioni avanzate?

    1. Ciao Dianne,

      Mi scuso per qualsiasi problema con questo! Quando aggiungi una maschera di input, assicurati di utilizzare un campo Testo a riga singola (questo è attualmente l'unico tipo di campo che consente maschere di input). Inoltre, questa è una funzionalità più recente, quindi assicurati che il tuo plugin WPForms sia completamente aggiornato.

      Se provi questo e ancora non vedi le opzioni che ti aspetti, ti preghiamo di contattarci in modo che possiamo assisterti ulteriormente. Se hai una licenza WPForms, hai accesso al nostro supporto via email, quindi ti preghiamo di inviare un ticket di supporto.

      Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite su WordPress.org.

      Grazie :)

  3. Ciao, in questo articolo: https://wpforms.com/docs/how-to-use-custom-input-masks/

    Usi la maschera di input di esempio per un indirizzo email a "mysite.com"

    Maschera: *[*{0,50}]@mysite.com
    Esempio di input: [email protected] o [email protected]

    Ma cosa succede se il tuo sito web ha la lettera "a"? Ad esempio...

    Utilizzando questa maschera di livello: *[*{0,50}]@mydomain.com
    renderà effettivamente un campo che ha uno spazio vuoto per la "a" in domain.
    Esempio di input: _______@mydom_in.com

    Come posso formattare la maschera di livello in modo che l'intera stringa "mydomain.com" rimanga intatta?

    Grazie in anticipo per il tuo aiuto!

    1. Ciao Re,

      Mi dispiace per il problema! Ho replicato il problema che hai descritto e l'ho condiviso con il nostro team per lavorare a una soluzione. Grazie per avercelo fatto sapere in modo che possiamo risolverlo! :)

  4. Ciao. Voglio usare lo strumento maschera di input per limitare l'inserimento di caratteri in alcuni dei miei campi.

    Sto usando questa maschera: *[*{0,30}].

    Tuttavia, non include gli "spazi" come carattere.

    Quale maschera di input posso usare per includere gli spazi come carattere nel mio limite di 30 caratteri?

    1. Ciao Alicia,

      Le nostre maschere di input attualmente non forniscono un requisito di "spazio" in questo modo. Invece, potresti considerare di utilizzare un po' di codice personalizzato per aggiungere questo limite di caratteri invece (ecco il nostro documento con i dettagli).

      Il codice in quel documento conterà gli spazi come caratteri, quindi dovrebbe funzionare più come quello che hai in mente.

      E nel caso possa essere d'aiuto, ecco come aggiungere codice personalizzato come questo al tuo sito.

      Spero che questo aiuti! 🙂

  5. Sto riscontrando lo stesso problema di RE CARLSON

    Ma cosa succede se il tuo sito web contiene la lettera "a"?

    Hai una soluzione per questo?
    Grazie.

    1. Ciao Allan,

      Ho buone notizie: abbiamo una soluzione per questo 🙂

      Per aggiungere una "a" senza trasformarla in parte dell'area di input, puoi usare l'escape con `\\`. Ad esempio, se inserissi questa come maschera di input: `this is \\a test aaa`, risulterebbe: "this is a test ___".

      Quindi assicurati di anteporre quella doppia barra rovesciata a qualsiasi A, a o 9 che desideri mantenere così com'è (senza convertirla in _).

      Spero che questo aiuti! 🙂

  6. ciao,

    Ho bisogno di alfanumerici maiuscoli (0-9 o A-Z) da combinare con spazi tra i caratteri. Apparentemente "&" non consente spazi

    1. Ciao Elyas,

      Non abbiamo un carattere speciale per consentire gli spazi; invece, puoi semplicemente aggiungere uno spazio tra i caratteri & che desideri, in modo da poter avere il campo della maschera di input come "&&&& &&&&".

      Spero che questo aiuti! 🙂

      1. Come posso fare in modo che il campo accetti solo numeri compresi nell'intervallo 6-9 all'inizio? Sto usando WPForms Basic acquistato.

        Esempio
        7898981226
        8985607458
        9989878774

      2. Ciao Munaf!

        Puoi creare una maschera di input personalizzata per il campo Testo a riga unica, tuttavia, non esiste un'opzione integrata per utilizzare l'intervallo di numeri lì.
        Quindi puoi averla così, ad esempio, "\\799999" e consentirà solo "7" all'inizio e poi altri 5 cifre qualsiasi, ma purtroppo non abbiamo regole per scegliere 7 OPPURE 8 OPPURE 9 lì all'inizio.
        E nel caso possa essere d'aiuto, abbiamo un altro ottimo tutorial su come utilizzare la maschera di input personalizzata in WPForms qui

        Mi scuso per qualsiasi confusione!

        Buona giornata 🙂

  7. Sto iniziando a usare WPFroms ancora gratuitamente per testare la compatibilità con soluzioni che ho già implementato, tuttavia cercando di personalizzare una maschera semplice suggerita da voi come "https://www.f\\acebook.com/*{1,22}" in un campo "testo di riga unica" mi accorgo che non sono accettati caratteri speciali semplici come ? . o / ; questa è una limitazione voluta imposta agli utenti gratuiti o potreste indicarmi con quale simbolo dovrei sostituire l'* per consentire l'inserimento di caratteri speciali nella maschera.

    1. Ciao Waqas - Se hai un numero fisso di cifre, allora è fattibile. Ad esempio, questa maschera di input mostrerà 9 cifre e una virgola ogni 3 cifre 999.999.999

      Spero che questo aiuti!

  8. Ciao, le mie maschere di input sembrano non funzionare più, i campi di testo consentono di scrivere qualsiasi cosa anche se le maschere sono attive. Qualche aiuto per favore? grazie.

  9. Ciao,

    Sto creando un campo nome con testo a riga singola e dovrebbero essere aggiunti solo alfabeti e spazi. Per questo, ho aggiunto una maschera di input come a{1,50}. Questo accetta alfabeti, ma gli spazi non possono essere aggiunti, per favore dammi una soluzione per questo.

    1. Ciao Amrita! Mi scuso, ma le maschere di input non sarebbero adatte per questo tipo di caso d'uso, poiché sono destinate a fornire una struttura specifica all'input, ad esempio un numero di telefono o un numero di identificazione. Gli spazi non potrebbero essere utilizzati in una maschera di input.

      Per fare ciò che stai cercando sarebbe necessaria una codifica personalizzata (solitamente jQuery o JavaScript), tuttavia mi scuso in quanto non siamo in grado di fornire supporto per questo livello di personalizzazione. Questo thread potrebbe darti qualche idea.

      Mi dispiace che non siamo in grado di fornire una soluzione per questo, ma se hai ulteriori domande, ti preghiamo di contattarci se hai un abbonamento attivo. Se non ne hai uno, non esitare a porci alcune domande nei nostri forum di supporto.

  10. Ciao ragazzi

    come creo una maschera in questo modo?

    +55 (99) 9 9999-9999 o +55 (99) 9999-9999 sullo stesso input.

    grazie,

    1. Ciao! Sembra che tu abbia pubblicato questa domanda in più articoli, quindi la tratterò in un'unica sede qui.

      Mi scuso ma non è possibile specificare dove verrebbe posizionato il numero opzionale, poiché la maschera di input opera in base alla sequenza in cui vengono inseriti. Tecnicamente, il numero opzionale potrebbe essere mantenuto opzionale, ma ciò significherebbe che i tuoi utenti dovrebbero "saltare" quel carattere inserendo uno spazio in quella posizione del carattere, e poi continuare a compilare il resto del campo.

      Dovrebbe essere possibile con un po' di codifica personalizzata, tuttavia mi dispiace che tali personalizzazioni siano al di fuori dell'ambito del nostro supporto. Nel caso in cui desideri esplorare opzioni di sviluppo personalizzato, ti consigliamo vivamente di utilizzare Codeable. Codeable esamina tutti gli sviluppatori per assicurarsi che siano altamente qualificati e comunicativi, e poi aiuta anche a guidare l'intero processo di connessione e comunicazione con uno sviluppatore più adatto.

      Ecco il nostro tutorial sull'utilizzo di Codeable, che fornisce maggiori dettagli su come funziona questo processo.

      Oppure, se desideri un team a cui puoi continuare a rivolgerti (a lungo termine) per assistenza allo sviluppo personalizzato, potresti anche prendere in considerazione WPBuffs.

      Spero che questo aiuti a chiarire 🙂 Se hai ulteriori domande in merito, ti preghiamo di contattarci se hai un abbonamento attivo. In caso contrario, non esitare a porci alcune domande nei nostri forum di supporto.

  11. L'elemento del numero di telefono non offre maschere di input, è possibile questa funzionalità?

    Ci piace poter utilizzare le maschere di input sull'elemento del numero di telefono perché offre il selettore del prefisso internazionale, mentre un normale campo di testo no (anche se offre maschere di input).

    Grazie,
    Mark

    1. Ciao Mark,

      Non abbiamo una funzionalità integrata per impostare la maschera personalizzata per il campo Telefono. Tuttavia, questo può essere ottenuto utilizzando il campo Testo a riga singola e impostando la maschera di input personalizzata come mostrato qui

      Spero che questo aiuti! :)

  12. È possibile richiedere un input decimale nel campo numerico?

    Quindi un utente è sempre tenuto a inserire numeri interi + x cifre decimali?

    Ad esempio:

    0.015
    0.792
    0.28
    1.256

    1. Ciao Cristian – puoi usare la seguente maschera di input per ottenerlo: $ [[9],999.99].

      Spero che questo aiuti!

  13. Ciao! Come posso creare una maschera di input per un importo opzionale
    ad esempio $1.000.000 o $250.000 aggiungendo una virgola in mezzo a seconda dell'importo?

    1. Ciao Mariana, sfortunatamente, non abbiamo un'opzione integrata per il formato opzionale con maschera di input come hai descritto. Concordo sul fatto che sarebbe molto utile, però. Ho preso nota della richiesta di funzionalità e la terremo in considerazione mentre pianifichiamo la nostra roadmap per il futuro.

      Grazie e buona giornata!

  14. Ciao – posso usare una maschera di input per NON consentire gli spazi?
    ad esempio, se un utente digita "AA 9999" la maschera forzerà "AA9999"?
    O uno spazio finale/iniziale come "AA9999[_]" diventerà "AA9999" senza lo spazio?

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano la Normativa sulla privacy e i Termini di servizio di Cloudflare.