Ep65 - Sign up form with validation tutorial and source code

Опубликовано: 20 Август 2022
на канале: UI Monk
62
like

#htmlcssjavascript #javascriptproject
Ep65 - Sign up form with validation tutorial and source code
https://drive.google.com/file/d/19SRY...

All Vanilla JS project works
   • Ep62 - Alien Invader JavaScript Game ...  

Steps to follow to create - Sign up form with validation
1. Design HTML and CSS
2. Get all elements in javascript
3. submit a form to prevent the default behavior
4. check if input fields are blank
5. if blank pass the input field to show the error function
6. if not blank pass the input field to show the success function
7. create a function and pass a list of the input field as a parameter
8. get the received array values, and loop them using foreach
9. use "if else" condition to check if the input field value is blank and pass them
accordingly to the created function
10. Show the "id" name with an error message
11. make the first letter of id as uppercase
12. check if the "username and password" string length is greater than 3 and less than 10
13. check regex for email