admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

added validation for character limit, user can't add more than 200 character for description

Browse Source
This commit is contained in:
Pramod Mahajan 2025-04-18 23:23:10 +05:30
parent 7308bd8d03
commit 868f5038b0
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Activities/CheckCheckOutForm.jsx
View File

@ -12,7 +12,7 @@ import {checkIfCurrentDate} from "../../utils/dateUtils";
const schema = z.object({ const schema = z.object({
markTime: z.string().nonempty({message:"Time is required"}), markTime: z.string().nonempty({message:"Time is required"}),
description:z.string().optional() description:z.string().max(200,"description should less than 200 chracters").optional()
}); });
const CheckCheckOutmodel = ({modeldata,closeModal,handleSubmitForm,}) => { const CheckCheckOutmodel = ({modeldata,closeModal,handleSubmitForm,}) => {
@ -30,6 +30,7 @@ const CheckCheckOutmodel = ({modeldata,closeModal,handleSubmitForm,}) => {
setValue, setValue,
} = useForm({ } = useForm({
resolver: zodResolver( schema ), resolver: zodResolver( schema ),
mode:"onChange"
}); });
const onSubmit = ( data ) => const onSubmit = ( data ) =>
@ -85,6 +86,7 @@ const CheckCheckOutmodel = ({modeldata,closeModal,handleSubmitForm,}) => {
name="description" name="description"
className="form-control" className="form-control"
{...register( "description" )} {...register( "description" )}
maxLength={200}
/> />
{errors.description && ( {errors.description && (
<p className="text-danger">{errors.description.message}</p> <p className="text-danger">{errors.description.message}</p>