Design comparison
Solution retrospective
I couldn't add form validation other than default HTML validation. This project took me soo long to get done. It may have some bugs in it. I am still proud of it.
Community feedback
- @KaustubhMaladkarPosted almost 2 years ago
Hi, great job on completing the project. Don't worry about the bugs, you can always improve the project as you advance your skills.
If I have understood correctly, you mentioned that you were only able to add HTML form validation. There can be quite a bit of problems with this, the most prominent one being cybersecurity. Even though both HTML and JavaScript validation can be easily bypassed, bypassing HTML can turn out to be a piece of cake for anyone skilled even a little bit in web development. Hacking JavaScript is a little bit harder and takes little more time. Note that even after you apply both HTML and JavaScript validation, server side validation is still crucial. The main goal of client side validation is not security, but user experience (UX), as like previously mentioned, it is easy to bypass. Server-side validation remains extremely important as a corrupted file can be submitted to your server which poses the threat of corrupting your entire server The best way to perform JavaScript validation is through using RegEx or Regular Expressions. An example is provided below for an email field
function ValidateEmail(mail) { if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value)) { return (true) } alert("You have entered an invalid email address!") return (false) }
RegEx is a bit difficult to understand, but you will get the hang of it with enough practice. I found this video really helpful for understanding RegEx
I hope you found this helpful
1 - @VarunRelePosted almost 2 years ago
Here generated Screen-shot isn't correct, please preview the site.
0@KaustubhMaladkarPosted almost 2 years ago@VarunRele I previewed the site before commenting. Do you believe I made a mistake in the comment?
0@KaustubhMaladkarPosted almost 2 years ago@VarunRele Great to know you found my comment helpful
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord