https://github.com/buzzcosm/form-validator-vanilla-js-app

ZTM Cours (javaScript Web Projects) - No. 12: Form Validator
https://github.com/buzzcosm/form-validator-vanilla-js-app

form-validation html-css-javascript html-form svg-animations vanilla-js ztm ztm-course-exercises

Last synced: about 1 month ago
JSON representation

ZTM Cours (javaScript Web Projects) - No. 12: Form Validator

• Host: GitHub
• URL: https://github.com/buzzcosm/form-validator-vanilla-js-app
• Owner: buzzcosm
• Created: 2024-10-17T03:15:04.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-17T16:49:31.000Z (2 months ago)
• Last Synced: 2024-10-20T00:35:48.981Z (2 months ago)
• Topics: form-validation, html-css-javascript, html-form, svg-animations, vanilla-js, ztm, ztm-course-exercises
• Language: HTML
• Homepage: https://buzzcosm.github.io/form-validator-vanilla-js-app/
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Form Validator

Exercise Project of `ZTM` Cours on Udemy ([JavaScript Web Projects: 20 Projects to Build Your Portfolio](https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume)).

## Description

Form validator programmed in vanilla-js.

[SVG Animation](https://codepen.io/ksenia-k/pen/jXbWaJ) found on [devdevout](https://devdevout.com/css/css-animated-backgrounds) added to the form as background.

## Useful references

- [W3Schools - Forms](https://www.w3schools.com/html/html_forms.asp)

- [Mozilla - Input Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)

- [Google Fonts](https://fonts.google.com/)

- [Mozilla - Valid Pseudo Class](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid)

- [Mozilla - Submit Event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event)

- [W3Schools - Prevent Default](https://www.w3schools.com/jsref/event_preventdefault.asp)

- [sitepoint - constraint validation process](https://www.sitepoint.com/html-forms-constraint-validation-complete-guide/)

- [Mozilla - constraint validation process](https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation)

- [CSS-TRICKS - Form Validation](https://css-tricks.com/form-validation-part-1-constraint-validation-html/)

- [Andrei Neagoie - How to Store User Passwords](https://rangle.io/blog/how-to-store-user-passwords-and-overcome-security-threats-in-2017)