Learn JavaScript form validation || JavaScript project for beginners ✨✨

[@JoyShaheb]

For mentorship visit : www.academy.poshpixel.studio/

[@LofiVibes2.8]

I think something missing on your face. 😹

[@venkatswaraj3054]

these indicate that channel is growing.Thank you bro for taking my comment into consideration.make projects like this.THANK YOU. : )

[@JoyShaheb]

@@venkatswaraj3054 most welcome. Suggest me more content ideas 🌹

[@davidmaxwel96]

The video is amazing I love it, keep on👍

[@noname-zd6wu]

You look like a pro! Thank you for this amazing tutorial Joy!! It helped a lot :)

[@arwahsapi]

I love how your teaching makes me stay alert throughout the tutorial while other tutors usually makes me tap out.

[@Duk32311]

I'm really really said that you are the most easiest explaining teacher/mentor/instructor i've ever seen. I'm stuck at JS for 3 months but after watched this, I have understood a lot of it. Hopefully you will send out a full course of JS.

[@DhanuDhanunjay-kr2bh]

the best explanation i have ever seen probably the best the best front end tutor

[@decibi2684]

you don't know how beautifully you explained.. each and every step is crystal clear. Thank you so much. Please continue these videos considering beginners in mind.

[@malayalampositive]

You are awsome teacher bro..I couldn't even think about anything during your class..hatsoff

[@spicy_bala]

Super tutorial awesome teaching

[@hcmac100]

Just love it - learn't a whole bunch of really cool new concepts - great for a beginner like me - thank you

[@austinlawan3289]

Thank you so much. You are super smart but more you have an amazing way of teaching. Thank you and God bless you!

[@jonathanmartinez76]

Nice video Bro! This video is exactly what I was looking, excellent for beginners. And congrats for you new microfone too!

[@tenc6491]

Wow Joy! I just started watching this tutorial and I am amazed at how beautifully you've explained everything. Honestly, it's superb and extremely informative. Thank you bro. Happily subscribed!

[@prsmahajan]

East to the west, Joy is the best💥💥

[@irfananaaz1896]

Your explanation is awesome... Please upload videos... 🎉

[@mahendrasinghnegi4974]

Hey, joy, this project is really knowledgeable, make more projects like this using vanilla javascript.

[@kareynjeri3982]

wow ! awesome teacher , i enjoyed the way you teach !!

[@munasikawa]

Enjoyed this massively. Appreciate the time and effort.

[@Deastroband]

Keep going you are a great teacher! Good Work Providing the resources!

[@saritamishra6075]

❤luv you joy sir i never heard this type of program breaking into such easy steps

[@elizabetemichelledefreitas4941]

Thank you so much Joy!!! Amazing Tutorial!! Can't wait to watch your next tutorial.

[@fasanmichael]

In all you’re a very good teacher. It is easy to follow you even though you’re quite fast. I wish I didn’t get stuck.

[@tenc6491]

Hi Fasan, I trust that you know of the playback speed button where you can increase or decrease the speed of the video!

[@Raj_Vishwa1]

Superb Bro 🔥🔥 pls make Javascript full course for beginner's.. 🙏🏻

[@theblack6339]

Yes bro we wait you

[@modupeoluwa]

I agree, it's needed

[@jaynandansharma6315]

Checkout harshit vasisth channel

[@Raj_Vishwa1]

@@jaynandansharma6315 yes I'm following his javascript mastery series..

[@41kaushalchauhan]

@@Raj_Vishwa1 then why do u need another one?? wth 😂😂😅..tbh tht couse is too enough

[@gunahawk6893]

Great work

[@LicenceMiDz]

U r amazing bro From algeria ❤️

[@HeadShoTBooK]

I love you, sir. You are a great Teacher.

[@AshishKumar-wh6dw]

Amazing !!! Superrrrrrrrrr bro !! keep it up

[@saratbondada]

Great tutorial! Was able to learn a lot of Javascript from your tutorial!

[@rickycentino6075]

This video is great! Kudos to you Joy. I learned a lot from your video tutorial.

[@jessicamoore1898]

Best teacher EVER!!!!

[@thkhan]

Durdanto tutorial.

[@papajohnsuk5965]

u are the best! came from ffc figma video

[@g4l625]

You are an amazing teacher, all love ❤️

[@algeeno716]

Awesome video ! thanks

[@dikshajain9845]

Loved the way you explained everything. You are really a great teacher.

[@elvisokoth5784]

That's true

[@CanalBrunoVideos]

Very clear explanation. Ty !

[@PatriciaSL]

Thank you so much. This was very well explained.

[@marvelousncube]

Thanks Brother

[@naidukavya2351]

Awesome explanation.

[@krunalchoudhari4153]

I am also over here to learn amazing stuffs from you!

[@malc_makes]

Awesome vid brother. thank you! You're very talented at breaking things down and teaching !

[@Epikht]

this was amazing bro, thanks a lot.. please make more vanilla js projects like this

[@nurolkel3750]

amazing video thank you!

[@ambole]

Great

[@PatriciaGailGRubio]

Thank you for the tutorial. You're a great teacher. Upload more content videos, sir!

[@keiteylopes1581]

great job ☺☺

[@md.hanjala9358]

Awesome

[@langesh.a1153]

bro i really like this and i watched your ice cream production asynchronous tutorial in freecode camp it is very awsom do like this bro keep it up.

[@maurov6861]

amazing, you rule!

[@tipssedlife]

Amazing content. Learned alot. Pleae make more front end videos using html, css and javascript joy . Love you ❤

[@theblack6339]

Brother you can't imagine how your tutorials helped me thank you boss❤

[@JoyShaheb]

Most welcome 🌹

[@kojoagyekumboateng1997]

I like the way you teach

[@NeonLightification]

7:26 When you press Ctrl-S I can't seem to get that link of code to shift down the way yours does.

[@NeonLightification]

Do you also mind telling us how you manage to get the cursor to reach the end of a line or on a new line whilst you are in the middle of an existing statement

[@JoyShaheb]

@@NeonLightification hello sandeep, I use a vs code extension called prettier. This formats my code automatically Check my channel. I have a video on VS code plugins. Happy coding 😄

[@NeonLightification]

@@JoyShaheb legend thanks a lot. I've subscribed to your channel. It looks really good.

[@pedhead]

You always explain things so we'll, the way you ask the viewer questions is very engaging. Where did you learn your teaching style?

[@JoyShaheb]

Thank you for the well wishes, love and support. I'm glad you loved my tutorials ❤ I used to be a teacher before The pandemic 😄

[@elinaolsanska6551]

Thanks a lot Joy !!!

[@signalyu8903]

Hi, bro. The video is awesome and I'm looking forward to your CSS animation videos.

[@apptsx]

love your tutorials, im already suscribed 😀

[@imamcd]

It's a Great video...

[@samialayiet_]

really good man

[@danneytee]

Can you make a part two to cover the JS part of social log in feature? And also what happen after sign in

[@learnwithraj23]

Please make a 4-5 project based tutorial with html css and javascript where all concepts will cover

[@Dwarfboysim]

Love your video very easy to follow along, understand and learnt a heap of shortcuts. just one question what do u need to do to make the form actual perform the action to post" it to your server so u can store or process that, ive had a look but cant seem to figure it out. have done other exercises that have additional content in the form line action="/feedback" method="post" but cannot work out how to trigger this with your code

[@nirajacharyaa]

This is really helpful thank you (red heart)

[@fariedomar401]

thanks bro it was awesom

[@devfagundes]

Thank you!

[@malayalampositive]

please do more videos...

[@meetugrover3716]

please share some video to use debugger perfectly on javaScript.

[@maheshOffVlogs]

Bro way of explaining is awesome Thank u so much & can u make a video on Angular and git tutorial including branches ..etc.. using real time as your way.

[@aumajoy2320]

superb!

[@EnzoAuditore]

Thanks mate!

[@thatgymguru3369]

please can you do a full git and github course

[@Krenil.]

It would be helpful if you Make a video on regex

[@mediadigital1460]

Thank you for a great Tutorial. But one question, how do you then allow the form to Submit. Using preventDefault stops the form from submitting once all fields are filled.

[@tigistugirma6384]

Hello Joy...First of all, I really appreciate all the efforts you put to make this tutorial as easy as possible...My question to you is how can we make a confirm password validation in javascript with the success icon and danger icon functional? I look forward to your kind response.

[@mathis-meth4229]

Great tutorial as always! Big fan from India! what is that cool looking desktop background from anime? please provide link for that!

[@krishijain2435]

you teach really well ! but I'm not getting font cdn on font awesome ig they have changed it can you please see

[@stendehann]

Project Idea: database for the Form Validation. How can I handle the user info? Thank you my friend!

[@sidpd]

need a big project from your side plz upload saheb if you can...

[@HarshSingh-om7ud]

I'm not able to add event listner on VS. What should i do ?

[@nidaaabdullah1246]

if I want to move in anther page when click to submit button ,how can i do that?

[@JoyShaheb]

Use anchor tags

[@manojinderparmar2277]

Dear Joy, First of all, Thank you soo much for making this kind of knowledgeable content. You are really a very good teacher. As I recently started to visit your videos and tried to gain a little knowledge from your javascript videos. But I have one query regarding this form validation, when I tried to create it, my form "submit addEventListener" didn't work. Please explain why it is not working. But instead of : form.addEventListener("submit", (e) => { e.preventDefault(); errorMsg[1].innerHTML = "Hello." }); It works with : submitBtn.addEventListener("click", ()=> { errorMsg[0].innerHTML = "This is mandatory!" });

[@praveengopu9325]

Can you make a calculator app using js??

[@JoyShaheb]

Sure. Stay tuned 😉

[@prathaphangodi1310]

code source are not avaiable in github unable to download ...............................

[@malayalampositive]

Subscribed..liked..I couldnt join the link you provided

[@kristacalleja8008]

hi, i posted a question yesterday but somehow it isn't showing up here. I coded along with you, however the success icon isn't overlapping with the error icon, but is going below the input field. What could be wrong? Thanks a lot!

[@JoyShaheb]

Hey, I hope you're doing well. I checked your code it's working perfectly fine. Your first comment got removed from KZbin as KZbin doesn't allow posting links and stuffs. I got the link from my dashboard. If you have any more questions or problems, let me know it here. And thank you for trying the project, I hope you enjoyed it 😄

[@kristacalleja8008]

@@JoyShaheb Thank you for your kind reply. Now I realised why it is appearing correct for you but not for me. I'm accessing it from Firefox, and you must be using Chrome. How does one go about that? Thanks.

[@JoyShaheb]

@@kristacalleja8008 certain properties doesn't work on Firefox , chrome or any specific Web browser. I highly suggest you to use "caniuse" website to check if that property has support on the browser or not. And yeah, a quick fix to this browser compatibility issue is webkits.

[@kristacalleja8008]

@@JoyShaheb Thank you so much for your reply. This issue of webkits is a big question mark for me. How does a professional front-end developer actually go about preparing CSS for all the possible browsers out there.

[@victorstone3720]

I really loved the way you explained everything in detail👍 I've never come across any tutorial that was explained in a such a simple way as this one😍. Thank you so much for this lovely tutorial, looking forward for some more tutorials. Also this is just a suggestion if possible since this was just a client side verification, could make a tutorial on server side verification as well? You could call it a part two of this tutorial 😁 it would be of great help to us all. I really loved the way you cleared all my doubts, good luck 👍

[@JoyShaheb]

Sure buddy, thank you for all the love and support 🥺🥺🥺

[@prathaphangodi1310]

why not use regex in validation

[@js-swift]

thanks a lot Joy once again for this i am waiting your Sass course from beginner to advance and when you say something and take little time to speak again that's great due to this i am able to retain the things most of the people that i saw say fast when comes to teaching due to this i am not able to retain the things in mind and it depends student also but at the end that's good trick and keep that in future videos :)

[@JoyShaheb]

Thank you for all the love and support. the sass course is coming. It's gonna be pretty big [1.5 to 2 hours]. Stay tuned ;)

[@js-swift]

@@JoyShaheb thanks great

[@js-swift]

@@JoyShaheb I'll wait

[@devfagundes]

Hi Joy Shaheb! I have one question please! Its possible to make an email verification in and return an diferente message in browser? I mean, two messages for two errors? Like error 1 "this field cannot be empty" error 2 "this email is not valid" Thank you so much

[@JoyShaheb]

yes possible, just edit the .innerHTML part

[@devfagundes]

@@JoyShaheb Ok I will try, thank you

[@meetugrover3716]

hi joy your video help me alot but i am facing 2 issue in my code ....if (email.value == "") is not working i have to write down if (id("email").value ==="") to make it working ..dont know why.. password is not showing success icon otherwise all is working fine ..

[@JosePerez-qt8cf]

Where is the short video about 4 ways to center things in css that you made 2 or 3 months ago???

[@abubalo]

Please do javascript multi-step form validation. I can't find any helpful video about it on KZbin.

[@LofiVibes2.8]

Joy Shaheb At 3:10 - no beard At 3:18 - with beard 🧔. ... 🤔🤔

[@JoyShaheb]

😅😅

[@adithya6941]

again beard went on 1:30:19

[@bhaskarreddy.b2818]

Need full web development courses

[@upulgamaarachchi7911]

my js code didn't work ...?

[@JoyShaheb]

Link the javascript file inside html

[@upulgamaarachchi7911]

@@JoyShaheb thanks, bro your quick reply. I sort it out.

[@fasanmichael]

I got stuck at the form section on JavaScript and I’m angry with myself. Nothing just happens when I invoke the function!

[@thkhan]

You follow which tutorial?? :p

[@JoyShaheb]

Dev Ed, freecodecamp, coder coder, florin pop, coursetro, udemy, Web dev simplified, traversy media, css tricks, etc.

[@mdyarafat581]

Hey are you bengali?

[@雪甜-t5s]

格局

[@sakibalmahmud8841]

don't use video face. .it's hamper concentration

[@siddarthhosmath6097]

"over here" is so irritating , rest is good

[@GabuSingha]

everything is great! except the Accent of a Bengali -- why copy the "Someone else's Accent", You are a Bengali. Be Proud of it! and and stay with your roots! even on the accent.