Login form using HTML & CSS & JavaScript with validation of username and password | Tech Projects

In this video u will learn how to create basic login form using html, css, javascript with password validation.
By password validation u can also opens new web page.
This is so easy, I explain everything in this video if you hava any doubt then comment below.

Image credit goes to owner of the Image

-----------------------------------------------------------------------

Disclaimer:

This video is for educational purpose only.
Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "FAIR USE" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research.
"FAIR USE" is a use permitted by Copyright Statute that might otherwise be infringing.
Non-profit, Educational or Personal use tips the balance in favour of Fair Use.

------------------------------------------------------------------------

If you think that I have used your property in my video by mistake then I am ready to give you whole credit.

You can contact me on my Email or Instagram Id.

------------------------------------------------------------------------

Visit My Channel Playlists for amazing Content

-----------------------------------------------------------------------

------------------------------------------------------------------------

Thanks For Watching

If you have Any Query Comment Down Below

Thank You

Tech Projects

tech projects
Tech Projects
Tech projects
techprojects

[sakana]

To direct to another page from javascript,
under the if statement part, under the alert put in *window.open("URL");*

[leonardoleo]

Bro thank u,
you saved my Live with that video
you are the best programing youtuber i ve ever seen

[kevinkhalfani]

Mate, i don't know who u are in real life, but i wish u a good luck bro, may u are blessed by the god, and all the creatures of heaven pray upon your souls. U are really helping me

[randyrandall]

Great job my friend. My recommendation is to improve your audio for speaking/talk slowly, try to explain what each element is to help us learn but overall very helpful.

[sphinxz_gaming]

Thank you very much! I am making my own full flask application with using these login templates I love it!

[miguelcorpuz]

when i tried inputting wrong username and password it did alert me for log in failure but still allowed the me to enter the homepage that i added and didnt stop me even though i inputted the wrong username and password.

please help me solve this problem.

[hahahahah]

How to go to a new page if validation is successful? Which function should i use?

[KrishnaNaveen]

It will be nice if you provide us the source code

[nabilkhoerulrijal]

Thanks my problem desain is solve because your vidios

[sachinvhatkar]

sir there is a short cut of boiler plate of html just type ! and then press enter

[rajamania]

hai bro i am done the html css and validate code.. namba submit button click panna epati bro login 2 file run ahgura mari kondu varathu ???

[chicky]

it would be easy to hack because it is checked on the client so anyone with inspect element could hack the login. Awesome job with CSS btw

[valk]

when i link my another site when pressing login, it doesn't work why's that

[Demon_T_]

i would like to log in with other id password too, not only 1 id password but even 10-20 different passwords can be used to login how can i do that, please teach me

[fabspainting]

plz tell me k mujha na web3 mai frontend page create krna hn login page bana for blockchain tho ap bathasak thy hn k konsi programming language use hogi html css or javascirt k sath

[MegaMegadude]

Hi there, I used your code however I am struggling to allow the successful login to take me to another page. What I would like for the website is when login is failed, it will not take into the second page however once login is successful, it will take me to the next page. How do I go about doing that exactly?

[RaggyPlayZ]

I can't find source code in your GitHub page can you plz send the source code link here 🙏

[neha]

Hii bro...I have written the same javascript but could not able to see the alert message :(

[Spacesamurai]

I've spent a lot of time but can't seem to get the successful message or the failed message. I've even copied and pasted just to confirm.

[prodigyjoshtv]

how about if I click refresh this pops up "The page that you're looking for used information that you entered. Returning to that page might cause any action you took to be repeated. Do you want to continue?"