tag-#77: From validation #83
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
@MrBlackGhostt we know the error, kindly check the discord |
There was a problem hiding this comment.
Functionalities are not perfectly working.
Title though it is 3 words, The error isn't resolved,
And categories selection is broken, kindly address the comments and this, and also resolve the merge conflicts by rebasing your branch with the latest main branch
frontend/src/lib/blog.zod.ts
Outdated
| }), | ||
| authorName: z.string().refine((value) => value.trim().length >= 3 && value.trim().length <= 15, { | ||
| message: 'Hey, Your name should be more than 5 letters.', | ||
| }), |
There was a problem hiding this comment.
We can't use "your name should be" emphasis on should, becuase he can be Raj,
We can be like "C'mon your name cannot be less than 3 characters" ( if its less than 3 letters);
if greater than 15 say "Hey isn't it too big of a name, can you limit it to 15 characters" or improvise on this
| }), | ||
| categories: z.array(z.string()).refine((value) => value.length <= 3, { | ||
| message: 'Easy there! Select up to 3 categories.', | ||
| }), |
There was a problem hiding this comment.
now I see the Sarcism here 😅
…ew msg according to the authorName lenght
…ew msg according to the authorName lenght
Observations.
Request review once all of these is handled, if you feel this is too much of a task, seek help from others in the community discord, |
|
If we are not working on this anymore, kindly close this |
Summary
Use the React-hook-form and Zod for the form validation
Description
1.Install Dependencies:
First, make sure you have react-hook-form and zod installed. You can install them using npm or yarn:
2.Create Form Schema with Zod:
Define your form schema using Zod. This includes specifying the validation rules and error messages for each field.
3.Use New Dependencies:
use the React-hook-form & zod for the input and validation
Images
Before
After
Prerequisites