From 7b50135fae0cf00ccf13c964691ff690e07de1fd Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Thu, 3 Oct 2019 23:16:04 +0100 Subject: [PATCH 1/5] Added App Idea - Javascript Validation With Regex --- Projects/Javascript-Validation-With-Regex.md | 26 ++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 Projects/Javascript-Validation-With-Regex.md diff --git a/Projects/Javascript-Validation-With-Regex.md b/Projects/Javascript-Validation-With-Regex.md new file mode 100644 index 00000000..359b7658 --- /dev/null +++ b/Projects/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 or 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) +- [Regular Expression Library](http://regexlib.com/(X(1)A(GijS7qxVy-6Gyc4cweUyFoK4ZvRn2WnlOe8SSKuq9sT7ps-2nbiTmZZMTCn_rFk4-mNoGnYL-DPU8pJhmNNOtkP-syqWE4WO_1aVt4bPa5nTsQPQe6VRAALnm6QW3YIWbYkVS78JFbZN39vmMI1UYiWlHXKwNMB99WjsZOn0qc_8dcN0unp2KMOBw0P__3OH0))/CheatSheet.aspx?AspxAutoDetectCookieSupport=1) + +## Example project + +- [Native HTML5 validation with CSS & Regex](https://codepen.io/helgesverre/pen/vWRevp) \ No newline at end of file From 9ea9a0919cac1be420ee020bf03e2e5cd0d744e5 Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Fri, 4 Oct 2019 11:23:55 +0100 Subject: [PATCH 2/5] Added New Idea in README.md table --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 97066c4f..4fd58653 100644 --- a/README.md +++ b/README.md @@ -72,6 +72,7 @@ required to complete them. | [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | 1-Beginner | | [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | | [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | Calculate word frequency in a block of text | 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 | ### Tier-2: Intermediate Projects From c4772f1190c70c0e48b00bdf845159b0217efc7c Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Fri, 4 Oct 2019 11:24:33 +0100 Subject: [PATCH 3/5] Edited app idea and placed it in 1-Beginner folder --- Projects/{ => 1-Beginner}/Javascript-Validation-With-Regex.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename Projects/{ => 1-Beginner}/Javascript-Validation-With-Regex.md (81%) diff --git a/Projects/Javascript-Validation-With-Regex.md b/Projects/1-Beginner/Javascript-Validation-With-Regex.md similarity index 81% rename from Projects/Javascript-Validation-With-Regex.md rename to Projects/1-Beginner/Javascript-Validation-With-Regex.md index 359b7658..4c70023f 100644 --- a/Projects/Javascript-Validation-With-Regex.md +++ b/Projects/1-Beginner/Javascript-Validation-With-Regex.md @@ -19,7 +19,7 @@ For this project, there'd be three required inputs for validation: ## Useful links and resources - [Javascript form validation using regular expressions](http://form.guide/snippets/javascript-form-validation-using-regular-expression.html) -- [Regular Expression Library](http://regexlib.com/(X(1)A(GijS7qxVy-6Gyc4cweUyFoK4ZvRn2WnlOe8SSKuq9sT7ps-2nbiTmZZMTCn_rFk4-mNoGnYL-DPU8pJhmNNOtkP-syqWE4WO_1aVt4bPa5nTsQPQe6VRAALnm6QW3YIWbYkVS78JFbZN39vmMI1UYiWlHXKwNMB99WjsZOn0qc_8dcN0unp2KMOBw0P__3OH0))/CheatSheet.aspx?AspxAutoDetectCookieSupport=1) +- [JavaScript Form Validation Using Regular Expressions](https://study.com/academy/lesson/javascript-form-validation-using-regular-expressions-definition-example.html) ## Example project From 66199b5d7714561c64b447a2ae3e1ca518294a9a Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Fri, 11 Oct 2019 10:09:15 +0100 Subject: [PATCH 4/5] Placed 'JS Input Validation' idea in the right order --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 215c157a..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 | @@ -72,7 +73,6 @@ required to complete them. | [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | 1-Beginner | | [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | | [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | Calculate word frequency in a block of text | 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 | ### Tier-2: Intermediate Projects From 4a7799c309163a0295917583919d1694dceaa6f2 Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Fri, 11 Oct 2019 10:09:44 +0100 Subject: [PATCH 5/5] Fixed a typo in the idea file --- Projects/1-Beginner/Javascript-Validation-With-Regex.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Projects/1-Beginner/Javascript-Validation-With-Regex.md b/Projects/1-Beginner/Javascript-Validation-With-Regex.md index 4c70023f..195739ab 100644 --- a/Projects/1-Beginner/Javascript-Validation-With-Regex.md +++ b/Projects/1-Beginner/Javascript-Validation-With-Regex.md @@ -14,7 +14,7 @@ For this project, there'd be three required inputs for validation: ## 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 or until all entries are validated. +- [ ] The submit button on the form would never be executed until all entries are validated. ## Useful links and resources