Formattez vos Inputs (CB, Plaque d’immatriculation, etc.) avec Cette Lib pour Vue 2/3 et Nuxt 2/3 Vue-Mask

Formattez vos Inputs (CB, Plaque d’immatriculation, etc.) avec Cette Lib pour Vue 2/3 et Nuxt 2/3 Vue-Mask

Aujourd’hui, je souhaite partager avec vous une librairie exceptionnelle pour formater divers types d’entrées dans vos formulaires. Si vous avez déjà rencontré des difficultés pour formater des informations telles que les numéros de carte bleue ou les codes postaux, vous trouverez cette solution particulièrement utile. Voici quelques exemples de ce que cette librairie peut faire :

  • Code postal Brésil : 8701023087010-230
  • CPF Brésil : 12345678901123.456.789-01
  • CNPJ Brésil : 2786575700630527.865.757/0063-05
  • Téléphone US : 2025550134+1 (202) 555-0134
  • Téléphone Brésil : 4432211266+55 (44) 3221-1266
  • Carte de crédit : 49164799389403514916 4799 3894 0351
  • Plaque de voiture Brésilienne : IVY1703IVY 1703
  • Code postal Canada : M5P2N7M5P 2N7

Pour l’intégrer dans Nuxt 3, j’ai trouvé un excellent article : How to use Vue The Mask with Nuxt to mask form input. Elle est compatible à 100 % et vous permettra de simplifier le formatage de vos entrées de manière efficace.

Pour Vue, il vous suffit simplement de l’installer via le lien suivant : Vue The Mask.

😀

Laisser un commentaire