BUILD YOUR OWN FORM VALIDATION SYSTEM WITH JAVASCRIPT 🔽 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fE5ASN0sbtI.html 🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇 www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1
I was facing another issue while coding, i hope you can help me. In the username field when i enter a single character or less than 10 character it is suppose to give me error to enter 10 characters but instead it takes me back to login page. I am using vscode latest version. I think it has to do with this.
Hi Dom! Have you thought of using buttons instead of links for "Already have an account? Sign in" and "Don't have an account? Create account"? The reason is they actually perform actions unlike links which they take you to another page. I think it would be more semantic, so to speak.
@@larryshamala8929 yes, you can... but I think that's not recommended as buttons were created to take care of actions such as those you're highlighting. If you need to run actions (through functions) on the same page, use buttons. If you need to go to another page, use links.
I love your work. Wonderful job. Could you show us how to integrate a online database like firebase to this beautiful login form? Thank you very much 🥰
great explanation. I haven't touched my computer yet as I'm watching it on my phone, but I already receive a good understanding of how the html, css, and javascript work. thank you!
i have a problem when i click sign in, it appears to change. But when i click again to sign up, it still have the form--hidden class in the form. how can i prevent it (i have added preventDefault already) P.S: i forgot to add classList in the querrySelector. Thks for read this cmt
For those having trouble with the hiddern--form part of the video here's how I fixed my problem. 1. I misspelled script in this line of code and had to fix it 2. const loginForm = document.getElementById("login"); Instead of using docuemnt.getQuerySelecotr(); use getElementById instead for the loginForm and createAccount variables. Then keep querySelector for the other parts of the code
Hey, brother i have an qeury of this login page because i work as like you work but one error founded plz can you solve it because i need your help please
been following this video and im on day 2 of trying to work out this issue im having - cant tell if its from the JS or HTML however, when i click on the links that have the element " href="./" " (FOR EXAMPLE : Already have Account? Sign in same goes for the create account link I dont get the JS to activate and instead it takes me to my file directly ... i've been trying to figure this out for a while now, im a self taught noob coder lol - anyone have any solutions?
Hi Dom! I tried following with this, at 31:30 when you added form_ _hidden it hid the first form and when you added the second form in it showed the second form. On my side, it actually hid both the sign up form and the login form, do you know why that is? could it be due to the nesting on the html page?
Idk what I’ve done but when clicking on the create new account button or clicking already have an account login it just takes me to index of c:\ n then then navigation of the file can anyone help
Ok but how to I make the login and signup buttons actually do anything but be buttons.. I have NOT found any tutorials on the whole internet on how to do it using Visual Studio Code
The reason why you can't find any videos on it is because there are many different server-side technologies you can use for your websites. This video focuses on the front-end of creating a signup/login form. I suggest you look up how to create login/signup form using PHP - try the "codecourse" RU-vid channel.
dcode, thanks for the video. It was a great help in creating a Login and Sign up page. Just need some assistance with the "forgot Password" button. was it covered or am I missing something? Thanks again.
The reason for not including a backend implementation is to help this video be valuable to more people. Everyone uses a different backend, and the code is really dependent on the app itself.
@@dcode-software Indeed, but honestly the backend is the most important part of building a login / signup form. That's also the hardest part too (the security of it at least)
Great video.. I got there in the end :) it was a bit fast but I guess thats the beauty of it being a video (pause, rewind, fast forward etc :)) The JS part I'm still wrapping my head around but I would love to see a follow up of storing the usernames and validating etc
hey dcode, I'm not sure why as I'm still new to js, but in using e.preventdefault, im still returned to the root index of the folder instead of hidding the register container and showing the login container. I've tried a bunch of things using stack overflow to fix it, but the issue propagates and I'm not sure why.
Hi dcode, thanks for the video. When would you suggest creating a new html page vs. using JavaScript to hide/change the display? Would following JavaScript always cause the whole page to be loaded, so if there were certain parts of the page with heavy images (for example), best to create a new html page to speed up website use?
But how do you get it to WORK? How do you get it to identify users by their name and PW, and how do you get it to take them to a specific page? And how do you make it possible for people to create an account in the first place? I successfully installed the login form on one of my websites. It looks great, but it doesn't actually do anything. It's like a car without an engine.
So idk where I went wrong but the "hidden" class hides the whole thing and the toggle idea doesn't work. The links don't switch forms, it does nothing. I feel like finding the error would be trying to find a needle in a haystack 😔
Try this for an alternative: Login form online without hosting with google apps script ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zbH-6r2QjP4.html
I'm at the bit where you make it so that when you press login it gives an error message but I have an error when I press it saying Uncaught TypeError: Cannot read properties of null (reading 'addEventListener'). Can someone help me?
when i click on enter in the create account form it takes me to the login form why is this happening and what should i do pls help, and how do we apply the very last function to the "invalid username/password combination" message in log in form to make it disappear when the user clicks to rewrite the input
I have a question: the file is called index.html but in the address field it says login-signup-demo - I didn't catch how that leads to the index.html page being shown?
hey i trid this but m getting an error at this jscript.js:9 Uncaught TypeError: document.addEventListner document.addEventListner("DOMContentLoaded", () => { const loginForm = document.querySelector("#Login"); and nothing is working after that PLEASE HELP MAKING A LOGIN FOR OFFICE WORK