At the moment, I have done three projects. This time, I share the last of them. I incorporated JavaScript in the validation of a form. Hope you like. I know that I still have many things to improve. Any help or advice is welcome :)
GabrielAlberini
@GabrielAlberiniAll comments
- @GabrielAlberiniSubmitted about 3 years ago@GabrielAlberiniPosted about 3 years ago
Oh! Tanks you so much for your feedback Jason! :) I will try fix what you tell me.
Although it is rare, that error does not appear to me. I'll take a good look. 8)
0 - @kens-visualsSubmitted about 3 years ago
I'm really proud of this project for a couple of reasons. First, I've always avoided working with HTML forms, but in the challenge I had to "face my fears". I think I did pretty good considering that this was the first time, using Vanilla JS π¨ to validate any type of form. Second, this was the first time when I used Vanilla JS π¨ without any outside source, tutorial, or anything like that. Besides
RegExp
of course (for the record, I knowRegExp
, but not that good to write an email or password validator), but I mean common it's still pretty cool, eh? π¨π»βπ» Anyhow, cool project, simple design, a bunch of cool stuff to learn and practice.What comes to continued development π€ I'd like to sharpen my skills of animations and how to manipulate them with Vanilla JS π¨ I'm planning on implementing some basic animations for this project because it looks pretty raw without them π€
P. S. I have added some extra challenges for myself, there's also a password validation, and different error messages when you leave it blank or insert a wrong password. Also, there's a success message at the end, when everything is submitted successfully.
If you have feedback π¨π»βπ» feel free to leave it in the comments section. Cheers πΎ
@GabrielAlberiniPosted about 3 years agoWaw! Good interactivity. Can you explain to me how you went about resetting the form and its styles once submitted? I can not do it :(
Minutes ago, I uploaded the same project (if you want, you can look at my code) :)
Thanks! I follow you :D
0 - @melisciarSubmitted about 3 years ago
- @JoseFayardSubmitted about 3 years ago@GabrielAlberiniPosted about 3 years ago
Hi there! A little advice for you. In "change bottom", if you change the background color to transparent, it will appear more similar to the model.
And, congrulations :)
Marked as helpful0 - @kens-visualsSubmitted about 3 years ago
Hey, everyone ππ»
Another fun project with Vanilla JS π¨ and some new things to experiment with. This time I've experimented with form and validations. It was a lot of fun, and not as challenging as I was expecting it to be. Moreover, I've got to experiment with CSS background and its positioning, which always confused me somehow π , now after this project everything is clear ππ». Also, I think I've got a good hang of the responsive development, which seemed unreal just a couple of months ago. The website has 3 sizes, mobile, tablet, and of course desktop. Feel free to leave some feedback. Cheers πΎ
@GabrielAlberiniPosted about 3 years agoHi! I saw your JS code and I have a doubt. What do means this const and these rares symbols in the line nΒ° 7?
"const reg"
Your project is very nice and clean. Congratulations :)
0