How To Make Form Validation Using JavaScript | Validate Form Using JavaScript
HTML-код
- Опубликовано: 7 фев 2022
- Learn How To Make Form Validation Using JavaScript | Validate Form Using JavaScript Step by step Tutorial
In this video we will learn to add validation in a contact form using JavaScript. In this contact form we will validate the name, email, phone number and text message field using JavaScript. Please download the starter HTML and CSS file of this contact form design from the link given below and start adding form validation along with this video tutorial. #JavaScriptValidation #EmailValidation #PhoneValidation #JavaScript #FormValidation
For Domain and web hosting
Visit Bluehost: bluehost.sjv.io/e414GQ
Bluehost tutorial:
• How To Make A WordPres...
Download the starter HTML CSS file:
drive.google.com/file/d/1MNHd...
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ RUclips: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
This is the first tutorial I found that covers exactly what I needed, thank you!
This channel is really one of my major source to become a web developer someday. His tutorial is better than enrolling in an online class😀 Kudos to your sir!
you can also learn web developmemt from my channel
I agree bro 💯
I agree as well. He presents in less time what others will take hours. Good job!
Bilkul bro....What a lesson by the channel owner sir
I totally agree
This channel adds value in my life
Wow. You’re wonderful tutor. You desrved this subscription. Keep on teaching us more. Take ❤️
amzing, straight to the point and easy to grasp
Because of this channel only I attended interview and got selected also...
Really Helpfull and thank you so much sir
Congratulations sir 🙏🏻🙏🏻❤️
you are simply amazing, your lectures are easy to grasp. Thank you so much.
more JavaScript or Node.js videos, please.
Nice hats of to you for clear explanation thank you sir 👏👏👏👏👏👏
Finally it is there I needed this for my website
You made it very easy! Thank you
Thank you so much for this valuable video🙏🙏🙏
Thank you, this video was really helpful
Thank you brother, it helped me a lot for the project I'm doing😃
Thanks a lot, This tutorial was beneficial.
Thank you so much 🥰 for the help
amazing!!! thanks so much!!!! keep making videos like this..
Very helpful tutorial thank you
Wow 😳😱 Thankyou very much
thanks for the video, I'm learning programming by myself and these are very helpful for beginners like me.
Thank You SO MUCH 🥰
Thank u sir that's help me a lot
dhanne waad apka boht boht love you ho gaya
thank you for this tutorial is very helpful , in last function when use if statement is better check the condition with {and} operator for check all input , is better then {or} operator . use maxlength attribute to set limit input value .
It' was Amazing👍
fantastic channel keep it up
very good descriptive video
Very very nice and beautifully teached 👍.. We want email function .. Will you make a video for that
Thank You, sir
This is wat I wanttt.. 👏
Thank you
awesome bro 👍
hello friends... amazing video avinash sir
Great !!♥️♥️
just awesome project thanks bro please bro give more vanilla javascript project please
thank you !!
Thank you so much brother... 😇😇
Most welcome bro 😊
Joined as a member
Very well :D
Best
Can you create a tutorial on how to verify the user's email when they register? Thanks so much!! Love from Indonesia ❤❤❤
is it not better to put the onclick event in the js code to keep it separatly form the html struckture ?
Thank you for the lesson. That's very useful. Sorry for I mention that, but condition for phone input if you input letters doesn't work properly. Only after you input ten letters the error message will appear. But what about if user will input less than 10 letters. So the condition should be improved. But thank you anyway!
Thank you for the video, but my valid sigh is not appearing even If I write full name it shows write full name.
Plzzz bro add some fields like Dropdown and date-select input box.
Can you pls create a video about how to create a login and a registration form from php and myslq?
Sir pls make a video on localstorage to setdata in register form and get data the same data in login form thanks
I have tutorial for set data and get data in local storage, but it's not for login and register. Please check if it can help you with that: ruclips.net/video/2j_kBqpFK-g/видео.html
If we have to print the whole data when we use submit button what to do?
Please Answer
how can i send this from data to database after validation success
i have a second button CANCEL that returns to privious page but if i have a mistake and click the submit button the CANCEL button dissapeared. what can i do ?
your content its good but very long
Does anyone know if the download of the JS part is available?
Sir making a product admin website where we add product
Plz sir making a product adding website
Thank you so much sir🩵
sir i need fontawesome icon download and for paste link.. is available?
If i use this in blade laravel it wont work. What could go wrong?
This didnt work for me...do we need to add an action or method to the form element?
bro i have 1 problem you can solve
problem is i can made javascript page but it's not working tell me
Unbelievable
I have a problem... My manager has given me task to create only one function for validation... Can you help with that...?
Hello gentleman, I have a question
The question is?
what's the difference between :
Submit And
Submit
Autentication with backend pls.
I'm trying to do following this tutorial but I need to use images check and error icons from a local file. How can I do it? I need to do my work before 2 feb and I'm desperate
instead of icon code that is written with tag
just add tag
like: or then add CSS for img to design it
@@GreatStackDev thank you!!! I will try again. ❤️
For some reason I get error Phone no should be 10 digits even after I get 10 numbers, unless I remove ! mark, then is shows check mark, but in that case it shows Only digits please till I get to the 10
what if uname contains Numbers please tell me
why cant i use the return statement on the onclick button?
just question . There are countries where a person who wants to buy an educational course cannot pay the amount via PayPal. The course owner gives a code to enable the customer to activate the course.
And the code only works in that customer's account. How is it?
Hi sir this is a very good question 👍
That is the code is made private and the Website back-end is scripted to enable one person one code
It's as to my knowledge
Multistep form tutorials plz
Can u tell which type so that I can help u ❤️
ok
Thank You So much GreatStack.
can anyone please explain me more about this function and condition [ match(/^[A-Za-z\._\-[0-9]*[@][A-Za-z]*[\.][a-z]{2,4}$/) ]
Sir plz making product add website in which when product add and page refresh the product was not deleted
Yes sir I am trying to make it just still not made
Store them in local storage so they will be there after refreshing also
Learn good English first!
nft marketplace.
ALSO IS SAYAN KRIANGKING
My data is not vanish after submit ..i think my data nit getting submitted.
How can I redirect user to homepage of website when form is submit.
Sir I think u are talking about this video concept 👍
window.location.href = examplewebsite.com/home
What if we want to show alert message after filling all input fields correctly ? Any help ?
Check for input and write an 'alert' to pop up. Also, if you don't have what you need, you can alert to that as well.
could we use the same thing, but change the names of the boxes and make a questionaire for our website?
Yeah sir obviously
Like u can insert h1 as - what is your name?
And the textbox or placeholder as answer typing box and use the javascript the make these kind 👍👍
Good question and good thinking 🤔❤️
@@frictiongraphics116 think you missed the point of question asking. The smartest thing you can do is ask for help. the wisest thing you can say is 'i do not know'.
when i write full name. don,t show valid. why do it? plz help me
Check your regex.
Hi Good Evening Mr GreatStack,
Please my icons are not displaying despite copying n following your code.
Please what can i do??
Thank you
Mine are also not displaying, have you been able to solve them?
in the form validation, a name followed by a space is showing as valid as in
'name ' is valid while 'name' isn't. How do you make it so that it shows invalid until a word followed by a space and then another word or n number of words is type.
As in '1stname 2ndname' == valid and '1stname 2ndname ' is not valid(due to space at the end)
That's because the regular expression isn't well defined. Use this instead, /^[A-Za-z]+\s[A-Za-z]+$/
In the my system it's work for 1st input box only... Why frustrated 😐😐
Can you please make a complete tutorial on how to make a ptc website using html and css
This much code just for email validation..... Imagine how much he will wrote for a form handling........
LOL Too funny, it takes the size it takes! Very funny!
What if validated when click button get into another page?
That works, but you should make it rejected at that point. It's easier to validate before sending the form.
ARE YOU FROM NEPA;
Where is the complete source code. Please upload it, which book ur using for css and html and javascript
Here is the code for this video: ruclips.net/user/postUgkxAlMZD3y0UAZTckDogn3tuTLs2BRka78O
I am using only online resources for learning.
@@GreatStackDev can you create a tutorial on cascading dropdowns of Country,State,City using html,css,and javascript
make NFT project website(one page&inside scroll)
Bro I have to first design your website using any web designing softwares.
I suggest u to use Figma
It's is a free software a d open source with the desktop app.
U can design any website, mobile app (android, iphone or any) and then design the same with html css and javascript.
I suggest u to design something that u think so that u get a better idea to continue with programming ❤️❤️
Send me - hi I am so and so u had replied to me on Easy toturials youtube channel comments ❤️❤️
@@frictiongraphics116 bro can we please chat in private if you don't mind, i really need some help here
Bro else part mai kya hogaa vo to btaa dete
where we can have the code?
if he does not enter the data, will he follow the link ?
If it's needed, the validation should stop the form from being forwarded. I've done it both ways, it depends on whether or not the information is necessary.
please share the javascript code thanks
i wanna the regex code pls 😅😅
8. Feb.24
not working
13th
This is good, but the regulars expressions are so bad... I mean, I think there should be better expressions to valid all, because these in this video are awful validating.
I never expected that this guy will give paid source code. Think of a junior developer who has no money and cannot join your membership, then he/she cannot follow your video. I would have been better if you have shown how you designed the page.
Shit😢
Please use hindi
Bhai he has another youtube channel where he make hindi explanations of the videos
soy gay
input.addEventListener("inupt", handleInput);