Thank you for making these so short. I just need a basic idea of how this works. I have not done validation in awhile, and I was so stuck at work. This saved my life. I will definitely have to pick up your courses. You have saved me twice now.
@@WebDevSimplified thanx for the clip. but my brwoser doesnt get back the error message. cant say why. and as for the use of name in js it say something about depracated. can u help me out!
Turns out all I needed was "required", but this was far more valuable than I anticipated. I can find many uses where you prevent the form from being submitted in the future. This video is dense in information, on point explanations without any second wasted. Thank you!
What I greatly like about your video is, they are concise and to the point. Also you solve problem in a single video which is excellent. Keep up the "Awesome Work!!!"
A note for beginners. The code runs by order so that things to work smoothly. Do not mix up the order of the If commands. Also take out the action figure inside the because that is for only when the html file is hosted on a different server.
how to call the function with each of these variables as an argument emailaddress variable and emailconfirm variables Do you know how to make two of the same emails need to match and is that client side validation or server side? Inquiry of js on html form
I discovered him not long ago and he's really amazing I must confess.. I followed his tutorials concerning async await and I was able to apply it in my current inventory project..
I appreciate these courses. I tried your way and it didn't work, but at this point with all the learning I've begun to absorb, I was able to make a better validator using regular expressions, which while I'm having a really hard time with them, are very fun and useful if you know how to apply those concepts!
i saw this video 2 times coz 1st i was just staring at him coz he is ssoooooooooo handsome and 2nd time..........dude you literally made it simple to understand. Thankyou soo soo much!!!!
Thank you for the tutorial. But how do I enable the default again, after giving a false password once and the correcting it? It keeps showing the error message :(
i couldn't quite get if it wipes the content in the "messages" array after the function has run, or when you run the function again it wipes the previous error messages? Or is it the event being over that wipes the content in the "messages" array?
Thank you for these videos. It's really simple to follow along, you have a clear way of explaining concepts and every time I try to implement them myself I have an easier time remembering because you explain it in a very easy to understand way and don't waste any time. Thank you so much for sharing!
Great analysis, thank you! I need some advice: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
There are several alternatives for making form application. For an example we could use Appsheet, but Appsheet has a limit of only 10 accounts for the free version. For another alternatives, we could use google apps script for more flexible customization and so we could add pretty good functions such as geolocation, upload files or qrcode and barcode scanner too. One of the references about login form with slider animation is ua-cam.com/video/zbH-6r2QjP4/v-deo.html
This is a very slick and simple tutorial. However I would be weary of claiming to "cover all concepts" of validation as you only used one of the many input types HTML provides. Also, you began by creating an event listener to prevent its default behavior but then continued to use it to validate input and push error messages. Ideally these should be their own functions, but I get that you may have consolidated them for the sake of the tutorial. It's just that your viewers are going to pick up the habits they see, and unless you say otherwise they might start writing doEverything() functions :P Allinall this tutorial definitely hit the mark, and whats more, they'll only get better!
Thank you for the feedback. I can definitely see the desire for a separate function that builds the error messages which is called from the event listener to clean up the code. I feel for this example though since it was so small it probably isn't worth it especially since it can add extra complexity to the tutorial.
Great vid. Out of interest, if you've validation server side too I assume you don't bother returning the errors to the client then? Just rely on the fact that the front end validation is the same as the back end?
hiya! thanks for this post. very helpful. question though. what happens when they fill out all the input fields? would u recommend an else statement? thanks.
I can't test anything after the username validation part, because (unlike in the video) whenever I hit the submit button, it tries to submit the form, and I get a root directory page listing instead. I can't get any of the various password error notifications. I've followed the video exactly. Any idea what I might be doing wrong?
this quite useful as I am trying to do ajax call using form submit event but it constantly refreshes. I know what's happening but could not avoid it. Now I get it.
Question, when using .join(',') method. If you click on the submit button multiple times the same error message will also appear multiple times since they are being pushed in the array. what's the way around it?
using the -- the required part is only front-end validation. You should also do back-end validation. For proof - visit a form with a "required" attribute, visit devtools, edit HTML, and remove "required". If you can still submit it, then the site didn't do proper back-end validation and you can break their site.
On a website , im trying to get some form of a contact form for clients to use , they enter some simple information and it goes to a web hosting place , i log in and see the messages or it can go to my gmail. Any ideas?
So this validation we are applying through Javascript is known as server side validation? Or just front-end validation?? Because in the html it's doesn't shows up so it shouldn't be front-end validation right it must be server side? 😅😅😅 And if we did validation in the back-end that will also be known as Server side validation right??? Please help me clear my doubt.. Thanks!
Hi Kyle, i rewatched the video a couple of times but i couldn't get pass one issue which is my error message doesn't disappear even after i wrote the input correctly, i get all error messages stacked on my sign up window ..
ReferenceError: Cannot acces 'error' before initialization what do I do with that? It's refreshing the page uven if I put the button blocking outside of if function
Thank you for making these so short. I just need a basic idea of how this works. I have not done validation in awhile, and I was so stuck at work. This saved my life. I will definitely have to pick up your courses. You have saved me twice now.
I'm glad I have been able to help!
@@WebDevSimplified make videos short like that one 👍
It will help you and also great for us
can u do one for email and password
@@WebDevSimplified thanx for the clip. but my brwoser doesnt get back the error message. cant say why. and as for the use of name in js it say something about depracated. can u help me out!
He wasn't kidding when he said he's going to simplify the web for us. Thank you soo much
XD
Turns out all I needed was "required", but this was far more valuable than I anticipated. I can find many uses where you prevent the form from being submitted in the future. This video is dense in information, on point explanations without any second wasted. Thank you!
Almost 15 videos and landed here only to realize how perfect this video was. Just on point.
What I greatly like about your video is, they are concise and to the point. Also you solve problem in a single video which is excellent. Keep up the "Awesome Work!!!"
A note for beginners. The code runs by order so that things to work smoothly. Do not mix up the order of the If commands. Also take out the action figure inside the because that is for only when the html file is hosted on a different server.
holy shit thanks
how to call the function with each of these variables as an argument emailaddress variable and emailconfirm variables
Do you know how to make two of the same emails need to match and is that client side validation or server side? Inquiry of js on html form
@@m.j.mcintear793 I forgot all that I learned sorry lol
@@m.j.mcintear793 I would assume you could do something like this in js:
If(email1 !== email2){
Error.value.push("emails must match")
}
I’m so glad I found your channel. You explain it so well
Thank you! I'm glad you understand my teaching style.
I must say you'll get in a same league with NetNinja and BradTraversy in no time if you keep it up. Awesome content.
Thank you! That is a huge compliment. I think both those teachers are amazing.
I discovered him not long ago and he's really amazing I must confess.. I followed his tutorials concerning async await and I was able to apply it in my current inventory project..
he is far better than BradTraversy and just as good as NetNinja if not even better.
@@pastorfred2543 ٤ش
You saw quite far into the future my friend
I like that you do not waste time you get straight into it .
good luck.
I appreciate these courses. I tried your way and it didn't work, but at this point with all the learning I've begun to absorb, I was able to make a better validator using regular expressions, which while I'm having a really hard time with them, are very fun and useful if you know how to apply those concepts!
i saw this video 2 times coz 1st i was just staring at him coz he is ssoooooooooo handsome and 2nd time..........dude you literally made it simple to understand. Thankyou soo soo much!!!!
Dude, you are a great teacher, you negate questions from your students because your explanations are so clear.
this was actually asked during an interview for an internship.
All I wanted in a single video.
Juda kotta yordam berdingiz raxmat! :)from Uzbekistan
Simplicity level is on high N' The way you say "Oops"😍 got me there🤟💯
This mad tough i can't even find the open to live server
finally a simple and easy to understand javascript validation form!
My Guy, The Way you structured that Code, You're smart!!!
This helped me a lot. I was adding an event listener to the submit button, not the form. So the validation wasn't working. Thanks for the tutorial.
Amazing, Amazing, Amazing. Couldn't have explained it better. Keep it up.
Only 5k views? I hope you get more man, good stuff!
Thank you! 5k is more than a lot of my videos so I am very happy with that.
Probably one of the best tutorials I've seen on UA-cam. Too bad the algorithm doesn't recommend you enough
Thank you!
Just want to extend my thanks, straight to the point, proper mic and camera. Subbed :)
Thank you for the tutorial. But how do I enable the default again, after giving a false password once and the correcting it? It keeps showing the error message :(
The way you explain the code while you're coding it is AMAZING! Thanks
Learnt Something New Today... Much Appreciated
I'm really glad I could help
learned
Love how simple you made this
Easy to understand
Hi there! You make these concepts so understandable. I appreciate your channel so much. Please keep making these great videos... Cheers!
Thank you so much!
Отличная подача информации , быстрый темп - радует)
I actually have always been intimidated by JS part of creating sites but you make that appear so fun . Thanks!😊
Cool! It actually works even without defining the consts in the beginning ;)
Thanks for using vanilla JavaScript !!
You're welcome! I generally use vanilla JS in all my tutorials when possible. I only reach for a library if it really saves me time.
Simply Superb ... Kept cmplx things easier
Incredible video! It helped me a lot
i couldn't quite get if it wipes the content in the "messages" array after the function has run, or when you run the function again it wipes the previous error messages? Or is it the event being over that wipes the content in the "messages" array?
Thank you for these videos. It's really simple to follow along, you have a clear way of explaining concepts and every time I try to implement them myself I have an easier time remembering because you explain it in a very easy to understand way and don't waste any time. Thank you so much for sharing!
Can you please do sth on regex??
dude, you are the fucking GOAT explaining this shit, keep it uppppppppppppp
Short with good explanation. Very nice.
Thanks!
Great analysis, thank you! I need some advice: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
such an amazing and concise video
Please make a video on form validation both on keyup and after clicking submit on one video pls
There are several alternatives for making form application. For an example we could use Appsheet, but Appsheet has a limit of only 10 accounts for the free version. For another alternatives, we could use google apps script for more flexible customization and so we could add pretty good functions such as geolocation, upload files or qrcode and barcode scanner too. One of the references about login form with slider animation is ua-cam.com/video/zbH-6r2QjP4/v-deo.html
This was a helpful tutorial, thank you.
Bro thank you so much im working on a website and all the other ones are indian language thanks for speaking English.
awesome dude ! thank you ! love the logic you used.
Will experiment other validations with your codes here as my guide. Thanks!
Thank you very much! Short
And it's easy.👍
Thank you so much !!! Love this channel !!!!
Straight to the point.....
You are incredible man😍
This is a very slick and simple tutorial. However I would be weary of claiming to "cover all concepts" of validation as you only used one of the many input types HTML provides. Also, you began by creating an event listener to prevent its default behavior but then continued to use it to validate input and push error messages. Ideally these should be their own functions, but I get that you may have consolidated them for the sake of the tutorial. It's just that your viewers are going to pick up the habits they see, and unless you say otherwise they might start writing doEverything() functions :P Allinall this tutorial definitely hit the mark, and whats more, they'll only get better!
Thank you for the feedback. I can definitely see the desire for a separate function that builds the error messages which is called from the event listener to clean up the code. I feel for this example though since it was so small it probably isn't worth it especially since it can add extra complexity to the tutorial.
GOOD VIDEO. Short and to the point. Thanks for this!
thanks a lot it was better than a calculator project because i understood every thinh in this video :))
Thanks so much mate, you make it so simple! You got my sub.
Simple and clear🔥🔥🔥🔥🔥🔥🔥
this guy misspells things the exact same way as me, i feel at home
Awesome,you explain so easily...Thank you very much.
This is great, I learned a lot. Thank you!!
Really important video
Thank you ,You Saved me...
Great vid. Out of interest, if you've validation server side too I assume you don't bother returning the errors to the client then? Just rely on the fact that the front end validation is the same as the back end?
hiya! thanks for this post. very helpful. question though. what happens when they fill out all the input fields? would u recommend an else statement? thanks.
I can't test anything after the username validation part, because (unlike in the video) whenever I hit the submit button, it tries to submit the form, and I get a root directory page listing instead. I can't get any of the various password error notifications.
I've followed the video exactly. Any idea what I might be doing wrong?
this quite useful as I am trying to do ajax call using form submit event but it constantly refreshes. I know what's happening but could not avoid it. Now I get it.
Awesome explanation
THE perfect beginner guide. Thanks (thumbs up icon)
Thank you for the video. It was concise and understandable to a beginner.
This is what I'm looking for. Thank you !
your channel shares some really good content ....what i was looking for
SO COOL!!!!I LEARNED A LOT
Awesome, many thanks
Very helpful. Thank you.
super helpful video thanks
nice work and great simply explained it
How do you addapt Forms to work well with SPAs and Ajax? they seem like legacy code from the 90s
thanks a lot really helped me !
At last, find the right channel here
Question, when using .join(',') method. If you click on the submit button multiple times the same error message will also appear multiple times since they are being pushed in the array. what's the way around it?
hello i appreciate your timely assistance
please
how can set information by default while devolving a website?
coz i am stuck from some where.
Thank you so much man!
thanks, it help me a lot
That was really helpful, great video
using the -- the required part is only front-end validation. You should also do back-end validation. For proof - visit a form with a "required" attribute, visit devtools, edit HTML, and remove "required". If you can still submit it, then the site didn't do proper back-end validation and you can break their site.
That is true. This tutorial is only focused on frontend validation, though. I have other tutorials on Node.js/Express validation.
Thanks a lot for this tutorial
nice explanation bro
Thanks!
So helpful man, thank you C:
thank you, I've been trying to do this for a bit.
simplicity:100
once you hit the submit button where does it go and can you show how it's done .
gr8 video precise and to the point.
btw I do have 1 qstn can we use alert instead of messages?.
Awesome! Thank you!!
On a website , im trying to get some form of a contact form for clients to use , they enter some simple
information and it goes to a web hosting place , i log in and see the messages or it can go to my gmail. Any ideas?
So this validation we are applying through Javascript is known as server side validation? Or just front-end validation??
Because in the html it's doesn't shows up so it shouldn't be front-end validation right it must be server side? 😅😅😅
And if we did validation in the back-end that will also be known as Server side validation right???
Please help me clear my doubt..
Thanks!
Hi Kyle,
i rewatched the video a couple of times but i couldn't get pass one issue which is my error message doesn't disappear even after i wrote the input correctly, i get all error messages stacked on my sign up window ..
very helpful video, thanks a lot, good job!
how do I validate/require a number, uppercase, and lowercase letter? It doesn't seem to follow the same format as the length requirements.
Once again...
Great video!!!
Thank you
Thank you this video helped me a lot .
ReferenceError: Cannot acces 'error' before initialization
what do I do with that? It's refreshing the page uven if I put the button blocking outside of if function
good job!! thanks!!