feat: updates contact form val. (first/last name)

- disallows entries beginning with special characters
Plant-for-the-Planet-org · Nov 20, 2023 · 83413f1 · 83413f1
1 parent 754e107
commit 83413f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -17,10 +17,10 @@
   "contactDetails": "Contact Details",
   "firstName": "First Name",
   "firstNameRequired": "First Name is required",
-  "firstNameInvalid": "First name is invalid. Only these special characters are allowed: space ' . -",
+  "firstNameInvalid": "First name is invalid. It cannot start with a special character, and only these special characters are allowed: space ' . -",
   "lastName": "Last Name",
   "lastNameRequired": "Last Name is required",
-  "lastNameInvalid": "Last name is invalid. Only these special characters are allowed: space ' -",
+  "lastNameInvalid": "Last name is invalid. It cannot start with a special character, and only these special characters are allowed: space ' -",
   "max50Chars": "Should be 50 characters or less",
   "address": "Address",
   "addressRequired": "Address is required",

diff --git a/src/Donations/Components/ContactsForm.tsx b/src/Donations/Components/ContactsForm.tsx
@@ -235,7 +235,7 @@ function ContactsForm(): ReactElement {
                     message: t("max50Chars"),
                   },
                   pattern: {
-                    value: /^[\p{L}\p{N}\sß.'-]+$/u,
+                    value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß.'-]*$/u,
                     message: t("firstNameInvalid"),
                   },
                 }}
@@ -266,7 +266,7 @@ function ContactsForm(): ReactElement {
                     message: t("max50Chars"),
                   },
                   pattern: {
-                    value: /^[\p{L}\p{N}\sß'-]+$/u,
+                    value: /^[\p{L}\p{N}ß][\p{L}\p{N}\sß'-]*$/u,
                     message: t("lastNameInvalid"),
                   },
                 }}