dianavile / FormulierJS

FORMULIERJS

In deze tutorial maakt Diana Vilé een formulier met login en registratiegedeelte in HTML, CSS, en JavaScript.

Features & process

• [v] create dataflow: onclick login, register
• [v] create design
• [v] setup basic html, css, js
• [v] add responsive layout
• [v] add hover states for interactive pageelements
• [v] clean up code
• [v] create readme file
• [v] add DEMO img to readme file

DEMO

CODE

Repl met de code

TODO FUTURE- JS Validations

• [] add Javascript validation functions to receive an error message when the form is submitted if:
  • Any input field is empty
  • The email address is not formatted correctly
  • A succes message when the form is submitted if input field is filled.
• [] test JS code

Resources

• [https://stackoverflow.com/questions/23134756/simple-javascript-login-form-validation]
• [https://www.codegrepper.com/code-examples/javascript/javascript+login+form+validation]
• [https://www.codingnepalweb.com/login-form-validation-in-html-javascript/]