Vue.js Tutorial From Scratch - e16 - Auto Format Input Fields

A cool way to spice up your forms is to add some auto format to your input fields. Allowing your users to get automatic feedback on things like phone numbers that need to follow a particular template. In this lesson, we write a phone auto format component, from scratch.

Resources

Download VSCode

DigitalOcean Referral

About This Course

[pageforprogress]

You saved me man! The feature delivery is today and I have been struggling with this formatting for 3 Thanks a bunch!

[IlllIIIlllIIIlll]

Nice series to start with Vue. Your flow and pronunciations are really good.

[acedecastro]

The best teacher, as always! I hope you could also make a tutorial on how you implement table pagination in Vue.js with data (JSON) coming from Laravel as the backend. Thank you for all your work/content. I will surely (soon once I get extra money) buy your Vue.js SPA in Udemy :)

[clashoftroopers]

Yes as you promised, I learned a lot in this video.

[vitor-peixoto]

Ual, just when I needed to learn vue.js there's someone making a brand new one :), I learned a lot of laravel in your freeCodeCamp video and I'm also using laracasts to learn a little bit more, I just gotta say you're an amazing teacher and I'm going to come here for sure to learn this curse since it's a laraframework.

[sylvestertweetyhunter]

very nice series, I hope you continue. ty for free tutorials.

[develvir]

Thank you, you are great teacher ever.I completed this course and I gained valuable information about vue.js.

[abhilashvr]

Great video. But how can we remove the input? If we press backspace it stops at separator/special character and wont go backward. How to fix this?

[youssef_uchiha]

wowowowo this playlist is so OP tbh.

can you please more videos. like login and send token and receiving it then store it and share it with other files. something like retrofit in KOTLIN but here in VUE. because you're really good in these stuff. thanks alot for your effort

[dorasstankevicius]

How should I adjust this, that symbols from format would only show up between user inputed numbers because now it shows up as soon as the user presses any button? And how to save the input without any formating while still seeing the formated version displayed?

[hottodoggo]

I learned a lot from you. Sir can you make a video regarding NUXT STATIC GENERATOR. because I when I generate static app @click function not working

[Lactovacilo]

how would i go about a currency field?

[myhealthy]

Hello teacher,
how should I do with multiple v-mask format input field? Ex. bank account number is has 3 format, so what should I do? Thanks you

[Defense]

woooow what a nice video you just made!!!! is there a tutorial for composition API? i get an error thought :(, when i try to watch a variable declared as phone = ref(homephone);
i get an error as replace can't be used on ref<string> :(.

[josevazquez]

Its not working for me, im using Vue 3
Property 'replace' does not exist on type '() => void'.

[amazeyou]

Hey! Thank you for these valuable tuts. Will it be continue? There are a lot of sources but to me most of them are useless :(

[winwinsp]

Thanks for the great work. I have one query if anyone can help me would be great. When vue.js is compiled it compiles everything in app.js, can't we make it separate by components so that we can only call that .js file in the specific page where the components will be used. Looking forward to getting the guide on it. Thanks once again.

[daviddeleon]

Sir could you please put button on it so i can know how to get the data of what the user type in the field? Thanks sir please :)

[WebDevAnjali]

I'm here from your Instagram clone video on freecodecamp... Totally in love with your videos🙏🙇🙏 💗..i can't believe why the hell you only have 9.6k subscribers 😲😲😨😱 THANKS A LOT FOR UPLOADING THE MOST VALUABLE CONTENT🙇🙇... Wish you a million billion trillion subscribers💕💕💕💕💐💕💐💕💐💕🖤

[blakebrady]

I want to buy this tool, because I want to scam bank email