ASMR Programming - JavaScript Form Validation - No Talking
Вставка
- Опубліковано 4 лип 2024
- Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 69 - 100 days javascript coding ⚜️
In this tutorial, we will know how to validate form with javascript. we will use javascript functions to validate phone, email and other fields❗️
🌟 What You'll Learn:
- Understanding JS Functions: Learn how to use javascript functions!
- How to validate forms
- Working with html inputs
Keyboard Info : Skyloong GK61 Pro
Keyboard Link : skyloongtech.com/skyloong-gk6...
Skyloong Instagram : / skyloong_official
Email : info@skyloong.vip
Facebook : / skyloongvip
UA-cam : / @skyloong
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
Day 69 - Source Code : github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉
100 days of javascript Playlist : • 100 Days of JavaScript...
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro (100 days of code - day 69)
00:55 - Warming hands
01:00 - Main codes
02:11 - Html coding
05:28 - Modal codes
06:13 - Main styles
06:53 - Container styles
10:08 - Responsive codes
10:46 - Main JS codes
11:23 - Form event listener
11:48 - Inputs event listeners
14:10 - checkInputs()
15:36 - Validate function
16:09 - setError()
17:11 - setSuccess()
17:40 - isEmail()
17:57 - isPhone()
18:12 - showModal()
20:16 - Icons styles
20:50 - Color styles
22:36 - Modal styles
24:28 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscribe → bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
With this tutorial, you can easily validate your forms with JavaScript, Hope you enjoy and LIKE 🙏❤
Bro can u make a real time chatting website where we can login and sign in to chat, please bro please
broooo! please reply pleaseeeee
bro will this work??
and is this real working
@engang_119 hi, yesss!!
Yes we will have it in the future with backend tutorials 😉
so simple, relaxing and motivating . Appriciate to your work
Thanks so much 🙏❤️
Thank you so much! Your videos are very helpful! You helped me to start with web developming❤
🙏❤️
I saw your page and was amazed by your truly creative work, all the love for you from Syria
Thanks 🙏❤️
Hello, how are you? I really like your videos, congratulations, I would like to know if I could delete the form once it has been filled in when the modal appears.
You are amazing developer❤❤❤
Awesome ❤
Bro can you make a full video on your mouse cursor animation please 😊
@asmrprog i really enjoy your tutorials, although i am somewhat amateur and unable to understand things in between, i will highly appreciate if you can include a one line explanation to why we used that command, just like you did in "complete response web design". It will help me and i am usre others alot.
Thanks, loving and enjoying all the videos so far
Hi, thanks 🙏 you saying code comments?
@@AsmrProg yes something like that, just like you mentioned at 10:08 explaining why we used media query, if you can put similar explanation while writing code, i think that will help me and other learners alot and plus it will complete the story that you try to tell with each videos.
Yes, I will add comments to codes 😉❤️
@@AsmrProg tysm! ♥️
Great video as always! What app do you use for the mouse pointer circle and trail?
Thanks, it’s screen recorder effects! sorry for late response 🙏
absolutely awesome, تو توانایی های یک ایرانی رو نشون میدی👍👍
Thanks so much 🙏❤️
Hey, what's your PC or laptop setup? I loved this video lol
Hello, been watching you for a while now but only asking now, can you tell me what you use for this kind of effect on the cursor? (I mean the tail for the cursor). And thanks for such great (though not conversational) tutorials).
Hi, thanks, it’s screen recorder effects! sorry for late response 🙏
@@AsmrProg No big deal, I was willing to wait! Thanks for the reply :)
Awesome video as usual. How do you record your hands from above?
thank you, my hosting is now setuped
🙏❤️
Great now do that in react js
Hello, I know what to do on day 70 of the nickname booster.
Hey, how to get user value one use click submitted and send it to my email? I'm looking forward to hearing from you.
Hey, what do you think about doing something with Blockchain? like, interacting with a wallet
We will have this type of projects after backend tutorials 🙏
Nice Bro ❤❤
Thanks 🙏❤️
I like It🎉
🙏❤️
How do the letters come out as smoothly as they move when typing?
Hi, check my last video 😉
cool video)
Thanks 🙏❤️
Board name? btw good video
Hello, can you create a short video application like Instagram with the ability to publish videos from the user and features such as adding comments, likes, and the sharing feature?
where can I view the VSC setup ?
Hi, check my last video 😉
@@AsmrProg Yes, I've already looked, thanks.
If I use select2, how can I validateForm?
🙏❤
For validation we use server side validation, but because of learning js we recorded this video 🙏
How can I make a mouse trail like you?
Hi, it’s screen recorder effects! Sorry for late response 🙏
where did he find those image ! there are amazing
Hi, created with Ai 😉
How do I make a mouse cursor like yours?
Hi, it’s screen recorder effects!
Hello sir, I'm new subscriber of your channels.. Sir could you please tell me how to set background image on vs code like you
Hi, please check my GitHub, there is a repository about all of my vscode settings, sorry for late response 🙏
🎉
🙏❤️
Does anyone know which themes is this ?
Hi, ayu theme, Sorry for late response 🙏
i got u bro don't worry i already font themes name on your setup vscode setup btw thanks
Newbie here...What IDE/editor are you using??
Vscode
Hi, vscode, sorry for late response 🙏
Thanks for answering 🙏❤️
create a Django project sir
I want that keyboard! Where to buy????????
Link is in bio
Hi, full info on description, sorry for late response 🙏
Thanks for your answer 🙏❤️
please , tell us which extension you are using at mentioned time 11:18
Not an extension, just fast forwarding so we didn't have to watch him type the same thing 5 times.
It’s just skipped! sorry for late response 🙏
Thanks for answering 🙏❤️
i was thinking and i thought are you iranian ? since im iranian and you name is from iran too!
Are dash, sharmande dir j dadm 🙏
Please share the second of the AI video
Sorry?!
what's the theme's name?
Hi, in this video it’s Ayu theme, sorry for late response 🙏
@@AsmrProg don’t worry…
please can you do a BookStoreApp
Hi, I will check it but I think it isn’t popular! sorry for late response 🙏
@@AsmrProg OK thanks.
Hello, i love you
🙏❤️
Please 🙏 source code my pro
Hi, it will upload tonight 🙏
"promosm" 🙃
🫡🇧🇩🇧🇩🇧🇩
xd
داداش تو ایرانی؟😍😂
اگه هستی که آیدی تلگرامی چیزی بده لازمت دارم❣️😂😍
Hi, Telegram ID in channel about page 🙏
Boring video on keyboard
Why!
Display 4% cover your keyboard.
Hello, can you create a short video application like Instagram with the ability to publish videos from the user and features such as adding comments, likes, and the sharing feature?
Hi, this type of videos need backend, maybe in the future, Sorry for late response 🙏
Hello, I know what to do on day 70 of the nickname booster.
🙏❤️