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

[@pageforprogress]

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

[@IlllIIIlllIIIlll]

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

[@acedecastro83]

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 :)

[@clashoftroopers4545]

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

[@sylvestertweetyhunter1733]

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

[@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.

[@develvir]

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

[@ademineshat]

You should definitely continue this!

[@dorasstankevicius7481]

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?

[@myhealthy1688]

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

[@abhilashvr007]

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?

[@babinicz91]

I fixed that with simple check: number(next, prev) { if (next.length > prev.length) { this.number = this.number.replace(/[^0-9]/g, '') .replace(new RegExp(this.regex), this.format) .substr(0, this.template.length) } }

[@h.serhan9862]

You are the greatest!

[@adam192021]

The BEST as always!

[@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

[@Lactovacilo939]

how would i go about a currency field?

[@colorytecnologia7815]

Thank you very much!

[@delphimore]

Nice one

[@hottodoggo9142]

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

[@josevazquez4257]

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

[@leventtugaykaplan3592]

Awesome!

[@shadow_3213]

Fantastic Content !!!

[@hessame9496]

Nice!

[@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.

[@CodersTape]

No real way of doing that because the bundle gets packaged together as a single file. The only thing you can do is extract the vendor into a separate js file and keep your actual code separate. If you rebundle and nothing has changed in your node modules directory, it won’t change and just continue to be cached

[@winwinsp]

@@CodersTape Sorry for late reply. Your message is clear but may be because of my less experience with it, I am not sure enough how to do it. It would be nice if you can make a guide on it or share any similar reference to learn. Thanks

[@DragonFodder]

Are you still making Vue Content?

[@TJ80ify]

many people would watch this

[@Defense89]

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 :(.

[@amazeyou4671]

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 :(

[@CodersTape]

I’ll have a new Vue series when Vue 3 gets released.

[@aamishirfan3334]

no more videos in this series :( :(

[@babar-khan]

What about your vuejs course ?

[@CodersTape]

Not sure what you mean, this is part of the Vue course.

[@babar-khan]

@@CodersTape oh 🤦‍♂️

[@daviddeleon3411]

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 :)

[@CodersTape]

Not sure what you mean.

[@daviddeleon3411]

@@CodersTape Hi sir, I do not know when the user type his or her number on that field. How can i save it to the database sir?

[@CodersTape]

Ah now I understand. So first of, this is just something you would do to a field inside a form. We are just studying it in isolation for this episode. Check out episode 9 of this series to see how to submit a form.

[@daviddeleon3411]

@@CodersTape Wow thank you for recommending ep9! Thanks again sir :) More power!

[@TJ80ify]

5 stars

[@CodersTape]

Thank you.

[@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💕💕💕💕💐💕💐💕💐💕🖤

[@CodersTape]

Thank you so much.

[@blakebrady3586]

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

[@jeffersoncarvalhosil]

Great video. it really saved my day. Just one question. I'm trying this regex .replace(/[^0-9]/g, '') but it doesn't really work - I'm still able to type letters. Does anyone have any idea why?