JAVASCRIPT FORM VALIDATION AND SUBMIT TO ANOTHER PAGE

form validation in javascript html css and submit to another page.
Form validation is very import part of web development. In this video tutorial we will how to validate our form in javascript. First we design our form in html and css later we will add validation logic in javascript. Form validation with javascript is very effective, later after we validated our form we will submit our form values to another page.
source code link
drive.google.c...

[@rim-12]

Thank you very much this is truly helpful I was struggling for hours because my submit button didn't redirect me to another page but u solved this problem THANK YOU

[@christopherpink842]

WOW!! this helped after 2 days of looking one the we with even popular youtubers they did not explain it very well, THIS VIDEO HELPED SOOO MUCH THANK YOU VERY MUCH

[@codelab7185]

Thank you very much for taking time to write a comment good luck

[@charanathenuka3423]

oh that's the video I searched. finally I found that . thank you very much. great work!❤

[@kaze01234]

This one worked better than all the other videos.

[@MsLeoSkyWalker]

Thank you for explaining. Really helped me to learn how to get HTML form input data to another HTML page.

[@codelab7185]

Glad it helped, thank you very much for taking time to write a comment

[@ndabezinhlemoyo6816]

Hi it's moyo thanks for this video i really appreciate you explained so well.
Thanks

[@amhsports-o6o]

its really awesome and quick way ...I really like it..Thanks alot

[@tracylewis674]

This is an exceptional video! I greatly appreciate the time you spent going over each aspect of the code as you developed it. This really helped me understand the reasoning for each step. I do have a couple of questions about the passed information. How can I ensure that the password, and confirmed password are not shown in the url? Thank you again for this outstanding lesson!

[@sparkx4167]

Thanks sir, I found solution only in your video

[@codelab7185]

Thank you

[@andrewswanson2900]

Outstanding! This was really well done. As a student this was super helpful. Thank you!

[@codelab7185]

Thank you

[@zachfenton608]

Perfect! Just what I was looking for. I shall use it it in my project. I will give you credit. I tried many tutorials, this one has the best code and style.

[@codelab7185]

Thank you for watching, good luck with your project.

[@giphtymensah3011]

Great video...successfully done and dusted

[@sixtusushahemba9419]

That was a really great one, well done sir! It would be amazing if you could make another tutorial for submitting the form to a database! I really appreciate your gradual process work through, it's makes it very comprehensible.

[@codelab7185]

Thank you, about backend i don't do backend programming, i hope you will find somewhere else, good luck

[@houdahm6730]

Thank you so much ❤

[@meaindriladas]

Thank you Sir 😊 I was not able to submit my form since in the previous video form.submit() wasn't mentioned at all! So, I was worried, this tutorial reduced my headache ✨

[@codelab7185]

Thank you for watching, we don't need submit() method in order to submit our form inside our form we need a button of type="submit" then when you click the button it will submit our form to given url we set url using form attribute called action

[@AdenekanAyodele]

this was very helpful

[@sixtusushahemba9419]

This is so wonderful, I learned a lot from your tutorial. Thank you sir! It would be really nice if you can make another video of Form Validation using PHP, that would help us understand and know which is best to use for Form validation and also help us improve in our development journey. Looking forward for your response sir! thanks once again 🙏🏻

[@codelab7185]

Thank you, i don't do backend programming, i hope you will find a good resource, good luck

[@saimanjunath8544]

It really helpful for many of the beginners sir and if possible can you make some validation projects like salary validation mobile number with country code validation min age validation and so on which we can take a real time experience

[@codelab7185]

Thank you very much for taking time to write a comment. I will create a form validation which include phone number, age check etc. soon

[@shamilysasidharan2840]

Thank you so much your validation at the end was clear and worked for me .

[@codelab7185]

Thank you for watching and commenting

[@s.m.mahmudurrahman3166]

Thanks for your nice explanation.

[@codelab7185]

Thank you very much for watching my videos

[@HectorPohle]

Great video! I was searching for this solution!

[@codelab7185]

Thank you

[@CC-rx7kt]

Thank you so much sir....🙏

[@cosmasndulue390]

You are good at teaching , please do you have a link to test email

[@suriyanarayan.s]

Thank you so much now i have cleared enjoyed...

[@codelab7185]

Thank you for taking time to write a comment much appreciated

[@kishandhoni3915]

Thankyou so much sir🙏. Please do more videos on JavaScript.

[@codelab7185]

Sure I will do more projects in javascript thanks for taking time to write a positive comment good luck

[@Fit-well]

Just the thing looking for keel it up sir🎄

[@codelab7185]

Thank you very much

[@Nasir127sb]

thank you sir best information

[@codelab7185]

Thank you

[@lubnaalamoudi9439]

Great Tutorial , Thanks you,
but I've one question , if I want to add spinner loading in the button "that show mean the data is sent it" after click submit button then move to another page. how can I do that? or provide me any tips or suggestions that how can I do it ?

[@codelab7185]

Thank you taking time to comment, we can implement what you have asked, but in this project you have seen how page is loading so fast because data is very light, in future videos I will cover this topic

[@asmaharis9529]

Excellent 👍

[@codelab7185]

Thank you

[@raja_muralidharan]

Hi,
I need to string interpolate the submitted values in the second page in between the paragraph. How can I do

[@SejalJadhav-wd9ez]

please make the next page in table format

[@noushedakib1658]

awesome video

[@codelab7185]

Thank you very much

[@divyamd8509]

This code is not working my page 😢 default method is not working invalid input also save inputs

[@irfanisgandarov6838]

thank much

[@codelab7185]

Thank you very much for watching my videos

[@sridhar1774]

Thank you for the source code... Also I get this error "Uncaught SyntaxError: redeclaration of const form"... how to rectify this...

[@codelab7185]

Hi i can't tell anything without seeing the code as you said you have my code please run my code and compare

[@Discover2009x]

Is Bootstrap necessary for your code to work?

[@codelab7185]

It's plain javascript, html, css. I have not used bootstrap at all.

[@mr.sivaraman.s4803]

Sir..
Can you please make a video for How to see the entered data in the form when I click submit button in that page it have a button called confirm submission... After clicking the confirm button then only the data will store in the database..
(Just I want to see what I enter in the form before click confirm button)
Thatsall..
Is it possible in website sir??

[@codelab7185]

Hi thank you for taking time to comment yes we can do what you asked now I am doing beginners projects in the future I will do what you have asked

[@mr.sivaraman.s4803]

@@codelab7185 thankyou for your response me sir...
Sure sir
I'm waiting.....🤗

[@_WolfineeR_]

Hi...i am getting error for select tag..i want to add validation for select tag and its giving me an error 'cannot set properties of null (setting 'textContent')' ...any solution for this?

[@codelab7185]

Hi please check the description for source code link hope this may help you

[@SVN-786]

sir how we create table with the help login page and js

[@codelab7185]

Hi thanks for watching my video, i didn't understand your question can you please explain it more

[@muhammadsohaib860]

please help here is not showing icons ....you can check error in below comment

[@codelab7185]

Hi that is because cdnjs fontawesome link in the header tag is not working now so go to fontawesome register as free user they will ask your emai Id give it they will send confirmation email click that one give your details then you will see a script tag copy it and replace it with cdnjs link in the header tag

[@vivekvijay3283]

Hi sir is this one using html 5

[@codelab7185]

Hi i did not use html 5 these tags are just old html tags

[@tochiifeanyi3092]

inputContainers.forEach((container)=>{
if(container.classList.contains('error')){
result = false;
}
});
please what does that container work as because it isn't working for me. The main problem is that, after the following the steps,
1. I submitted empty inputs, the form didn't submit
2. I submitted correct inputs, the form submitted
3. I submitted incorrect input and the form still submitted.
my major problem is number 3

[@codelab7185]

Hi i have source code link in the description of the video please download and check i hope this will help you

[@akhilbhadoriya]

45:00 - GET

[@lockhart2676]

its not working with me

[@codelab7185]

Please check my source code link in the description of the video

[@user-hc6hu1yw7l]

49:14 boomark for me

[@rameshxml]

timing is 29.22

[@codelab7185]

Hi thanks for watching the video if you have any doubts please check source code I gave link in the description that is my Google drive link just download the folder which contains source code I hope this will help good luck

[@thecrazymebtsarmy007]

I know it

[@codelab7185]

Thank you

[@jaydatig920]

thanks a lot bro you are life saver it takes a lot of days to spend watch other video to fix my submit button by using this preventDefault() it cant go to my action url, but this lead me to fix my erorr

[@codelab7185]

Thank you

[@jaydatig920]

@@codelab7185 bro can you continue that work or make html css javascript connect to database everytime you register it will put in the database then if you login it will say welcome user "name" i hope you understand sorry for the grammar

[@toma1610]

Incomplete.

[@manishbhosale2828]

give me source code

[@codelab7185]

Hi I have lost all my data I will rewrite this project please come to check the video description I will link the source code

[@manishbhosale2828]

@@codelab7185 ok

[@manishbhosale2828]

Can I get source code today???