{"id":116,"date":"2024-08-01T12:19:45","date_gmt":"2024-08-01T10:19:45","guid":{"rendered":"https:\/\/mysterdev.com\/?p=116"},"modified":"2024-08-01T12:19:45","modified_gmt":"2024-08-01T10:19:45","slug":"formattez-vos-inputs-cb-plaque-dimmatriculation-etc-avec-cette-lib-pour-vue-2-3-et-nuxt-2-3-vue-mask","status":"publish","type":"post","link":"https:\/\/mysterdev.com\/index.php\/2024\/08\/01\/formattez-vos-inputs-cb-plaque-dimmatriculation-etc-avec-cette-lib-pour-vue-2-3-et-nuxt-2-3-vue-mask\/","title":{"rendered":"Formattez vos Inputs (CB, Plaque d\u2019immatriculation, etc.) avec Cette Lib pour Vue 2\/3 et Nuxt 2\/3  Vue-Mask"},"content":{"rendered":"\n<p>Aujourd&#8217;hui, je souhaite partager avec vous une librairie exceptionnelle pour formater divers types d&#8217;entr\u00e9es dans vos formulaires. Si vous avez d\u00e9j\u00e0 rencontr\u00e9 des difficult\u00e9s pour formater des informations telles que les num\u00e9ros de carte bleue ou les codes postaux, vous trouverez cette solution particuli\u00e8rement utile. Voici quelques exemples de ce que cette librairie peut faire :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Code postal Br\u00e9sil :<\/strong> <code>87010230<\/code> \u2794 <code>87010-230<\/code><\/li>\n\n\n\n<li><strong>CPF Br\u00e9sil :<\/strong> <code>12345678901<\/code> \u2794 <code>123.456.789-01<\/code><\/li>\n\n\n\n<li><strong>CNPJ Br\u00e9sil :<\/strong> <code>27865757006305<\/code> \u2794 <code>27.865.757\/0063-05<\/code><\/li>\n\n\n\n<li><strong>T\u00e9l\u00e9phone US :<\/strong> <code>2025550134<\/code> \u2794 <code>+1 (202) 555-0134<\/code><\/li>\n\n\n\n<li><strong>T\u00e9l\u00e9phone Br\u00e9sil :<\/strong> <code>4432211266<\/code> \u2794 <code>+55 (44) 3221-1266<\/code><\/li>\n\n\n\n<li><strong>Carte de cr\u00e9dit :<\/strong> <code>4916479938940351<\/code> \u2794 <code>4916 4799 3894 0351<\/code><\/li>\n\n\n\n<li><strong>Plaque de voiture Br\u00e9silienne :<\/strong> <code>IVY1703<\/code> \u2794 <code>IVY 1703<\/code><\/li>\n\n\n\n<li><strong>Code postal Canada :<\/strong> <code>M5P2N7<\/code> \u2794 <code>M5P 2N7<\/code><\/li>\n<\/ul>\n\n\n\n<p>Pour l&#8217;int\u00e9grer dans Nuxt 3, j&#8217;ai trouv\u00e9 un excellent article : <a href=\"https:\/\/medium.com\/@irvingmanny\/how-to-use-vue-the-mask-with-nuxt-to-mask-form-input-df2d6e3402aa\">How to use Vue The Mask with Nuxt to mask form input<\/a>. Elle est compatible \u00e0 100 % et vous permettra de simplifier le formatage de vos entr\u00e9es de mani\u00e8re efficace.<\/p>\n\n\n\n<p>Pour Vue, il vous suffit simplement de l&#8217;installer via le lien suivant : <a href=\"https:\/\/vuejs-tips.github.io\/vue-the-mask\/\">Vue The Mask<\/a>.<\/p>\n\n\n\n<p>\ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&#8217;hui, je souhaite partager avec vous une librairie exceptionnelle pour formater divers types d&#8217;entr\u00e9es dans vos formulaires. Si vous avez d\u00e9j\u00e0 rencontr\u00e9 des difficult\u00e9s pour formater des informations telles que les num\u00e9ros de carte bleue ou les codes postaux, vous trouverez cette solution particuli\u00e8rement utile. Voici quelques exemples de ce que cette librairie peut faire<\/p><\/div>\n<div class=\"blog-btn\"><a href=\"https:\/\/mysterdev.com\/index.php\/2024\/08\/01\/formattez-vos-inputs-cb-plaque-dimmatriculation-etc-avec-cette-lib-pour-vue-2-3-et-nuxt-2-3-vue-mask\/\" class=\"home-blog-btn\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":118,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev-technologies"],"_links":{"self":[{"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/posts\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":1,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/posts\/116\/revisions\/117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/media\/118"}],"wp:attachment":[{"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mysterdev.com\/index.php\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}