diff --git a/Projects/1-Beginner/Javascript-Validation-With-Regex.md b/Projects/1-Beginner/Javascript-Validation-With-Regex.md new file mode 100644 index 00000000..195739ab --- /dev/null +++ b/Projects/1-Beginner/Javascript-Validation-With-Regex.md @@ -0,0 +1,26 @@ +# Javascript Validation With Regex + +**Tier:** 1-Beginner + +In this challenge, you'd create a javascript validation script to validate the inputs entered by a user using RegEx. + +You could always refer to the [Regular Expression Library](http://regexlib.com/(X(1)A(GijS7qxVy-6Gyc4cweUyFoK4ZvRn2WnlOe8SSKuq9sT7ps-2nbiTmZZMTCn_rFk4-mNoGnYL-DPU8pJhmNNOtkP-syqWE4WO_1aVt4bPa5nTsQPQe6VRAALnm6QW3YIWbYkVS78JFbZN39vmMI1UYiWlHXKwNMB99WjsZOn0qc_8dcN0unp2KMOBw0P__3OH0))/CheatSheet.aspx?AspxAutoDetectCookieSupport=1) for support + +For this project, there'd be three required inputs for validation: +- The first would require the user to enter five (5) capital letters, six (6) symbols and two hyphens (-) in any order. This could be used as a password. +- The second which could be used as username would require the user to enter letters without spaces +- The third which could be used as email address would require the user to enter only email addresses on gmail (...@gmail.com). + +## User Stories + +- [ ] User should be notified of any invalid inputs by error messages displayed on the form. +- [ ] The submit button on the form would never be executed until all entries are validated. + +## Useful links and resources + +- [Javascript form validation using regular expressions](http://form.guide/snippets/javascript-form-validation-using-regular-expression.html) +- [JavaScript Form Validation Using Regular Expressions](https://study.com/academy/lesson/javascript-form-validation-using-regular-expressions-definition-example.html) + +## Example project + +- [Native HTML5 validation with CSS & Regex](https://codepen.io/helgesverre/pen/vWRevp) \ No newline at end of file diff --git a/README.md b/README.md index b198685b..bec28154 100644 --- a/README.md +++ b/README.md @@ -55,6 +55,7 @@ required to complete them. | [GitHub Status](./Projects/1-Beginner/GitHub-Status-App.md) | Display Current GitHub Status | 1-Beginner | | [Hello](./Projects/1-Beginner/Hello-App.md) | User native language greeting | 1-Beginner | | [IOT Mailbox Simulator](./Projects/1-Beginner/IOT-Mailbox-App.md) | Use callbacks to check your snail mail | 1-Beginner | +| [JS Input Validation](./Projects/1-Beginner/Javascript-Validation-With-Regex.md) | Script to validate inputs entered by a user using RegEx | 1-Beginner | | [JSON2CSV App](./Projects/1-Beginner/JSON2CSV-App.md) | JSON to CSV converter | 1-Beginner | | [Key Value](./Projects/1-Beginner/Key-Value-App.md) | Keyboard Event Values | 1-Beginner | | [Lorem Ipsum Generator](./Projects/1-Beginner/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner |