highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-17 21:31:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

add validation feedback

Browse Source
This commit is contained in:
zappityzap 2024-10-25 16:40:58 -07:00
parent 99747790bb
commit 46ebdfa73a
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/profile/edit.tsx
View File

@ -74,8 +74,14 @@ const MetadataForm = ({ defaultValues, onSubmit }: MetadataFormProps) => {
autoComplete="off"
isDisabled={isSubmitting}
{...register("displayName", {
minLength: 2,
maxLength: 64,
minLength: {
value: 2,
message: "Must be at least 2 characters long",
},
maxLength: {
value: 64,
message: "Cannot exceed 64 characters",
}
})}
/>
<FormErrorMessage>{errors.displayName?.message}</FormErrorMessage>
@ -86,10 +92,19 @@ const MetadataForm = ({ defaultValues, onSubmit }: MetadataFormProps) => {
autoComplete="off"
isDisabled={isSubmitting}
{...register("username", {
minLength: 2,
maxLength: 64,
required: true,
pattern: /^[a-zA-Z0-9_-]{2,64}$/,
minLength: {
value: 2,
message: "Must be at least 2 characters long",
},
maxLength: {
value: 64,
message: "Cannot exceed 64 characters",
},
required: "Username is required",
pattern: {
value: /^[a-zA-Z0-9_-]{2,64}$/,
message: "Only contain letters, numbers, underscores, and hyphens, and must be 2-64 characters",
},
})}
/>
<FormErrorMessage>{errors.username?.message}</FormErrorMessage>