diff options
author | Sebastian <sebasjm@gmail.com> | 2022-12-30 14:23:58 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-12-30 14:24:07 -0300 |
commit | 90ec5b51eadc6e018fd0b2e64dfd3fee647db281 (patch) | |
tree | 708858e23100e48c4a1bd7942887cf9eab9cf4a6 /packages/demobank-ui | |
parent | 26d94c4ba7dd12cfa433d0c037f3bba8f73995f4 (diff) |
marc suggestions from email
Diffstat (limited to 'packages/demobank-ui')
-rw-r--r-- | packages/demobank-ui/src/pages/LoginForm.tsx | 10 | ||||
-rw-r--r-- | packages/demobank-ui/src/pages/RegistrationPage.tsx | 11 |
2 files changed, 13 insertions, 8 deletions
diff --git a/packages/demobank-ui/src/pages/LoginForm.tsx b/packages/demobank-ui/src/pages/LoginForm.tsx index 1fbba357b..552238eeb 100644 --- a/packages/demobank-ui/src/pages/LoginForm.tsx +++ b/packages/demobank-ui/src/pages/LoginForm.tsx @@ -23,7 +23,7 @@ import { BackendStateHandler } from "../hooks/backend.js"; import { bankUiSettings } from "../settings.js"; import { getBankBackendBaseUrl, undefinedIfEmpty } from "../utils.js"; import { ShowInputErrorLabel } from "./ShowInputErrorLabel.js"; -import { USERNAME_REGEX } from "./RegistrationPage.js"; +import { USERNAME_REGEX, PASSWORD_REGEX } from "./RegistrationPage.js"; /** * Collect and submit login data. @@ -42,9 +42,13 @@ export function LoginForm(): VNode { username: !username ? i18n.str`Missing username` : !USERNAME_REGEX.test(username) - ? i18n.str`Use only letter and numbers starting with a lower case letter` + ? i18n.str`Use letters and numbers only, and start with a lowercase letter` + : undefined, + password: !password + ? i18n.str`Missing password` + : !PASSWORD_REGEX.test(password) + ? i18n.str`Use letters and numbers only, and start with a lowercase letter or number` : undefined, - password: !password ? i18n.str`Missing password` : undefined, }); return ( diff --git a/packages/demobank-ui/src/pages/RegistrationPage.tsx b/packages/demobank-ui/src/pages/RegistrationPage.tsx index 12b3b6978..305f53750 100644 --- a/packages/demobank-ui/src/pages/RegistrationPage.tsx +++ b/packages/demobank-ui/src/pages/RegistrationPage.tsx @@ -47,7 +47,8 @@ export function RegistrationPage(): VNode { ); } -export const USERNAME_REGEX = /^[a-z][a-zA-Z0-9]+$/; +export const USERNAME_REGEX = /^[a-z][a-zA-Z0-9]*$/; +export const PASSWORD_REGEX = /^[a-z0-9][a-zA-Z0-9]*$/; /** * Collect and submit registration data. @@ -65,17 +66,17 @@ function RegistrationForm(): VNode { username: !username ? i18n.str`Missing username` : !USERNAME_REGEX.test(username) - ? i18n.str`Use only letter and numbers starting with a lower case letter` + ? i18n.str`Use letters and numbers only, and start with a lowercase letter` : undefined, password: !password ? i18n.str`Missing password` - : !USERNAME_REGEX.test(password) - ? i18n.str`Use only letter and numbers starting with a lower case letter` + : !PASSWORD_REGEX.test(password) + ? i18n.str`Use letters and numbers only, and start with a lowercase letter` : undefined, repeatPassword: !repeatPassword ? i18n.str`Missing password` : repeatPassword !== password - ? i18n.str`Password don't match` + ? i18n.str`Passwords don't match` : undefined, }); |