From 7b50135fae0cf00ccf13c964691ff690e07de1fd Mon Sep 17 00:00:00 2001 From: Dillion Megida Date: Thu, 3 Oct 2019 23:16:04 +0100 Subject: [PATCH] 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