ease-validator v1.10.16
š EaseValidator - The Ultimate React Form Validation Library
š Simplify form validation in React with ease!
š About EaseValidator
EaseValidator
ek lightweight, developer-friendly aur powerful React form validation library hai jo real-time validation, custom error messages, file uploads, aur advanced form handling ko easy banata hai.
š” Kya aapko React mein form validation karna boring lagta hai?
ā” EaseValidator ka use karo aur form validation ko smooth banao!
š„ Features
āļø Instant Validation ā As you type validation support.
āļø File Upload Validation ā File type & size constraints.
āļø Custom Error Messages ā Personalized error messages.
āļø Fully Customizable ā Apne project ke hisaab se validation rules set karo.
āļø Lightweight & Fast ā No unnecessary dependencies.
āļø Optimized for Performance ā Minimum re-renders, maximum efficiency.
š¦ Installation
npm install ease-validator
USAGE EXAMPLE REACTJS:
import { useSmartForm } from "ease-validator";
const MyForm = () => {
const { register, handleSubmit, errors } = useSmartForm({
validationSchema: {
name: { required: true, minLength: 3 },
email: { required: true, email: true },
password: { required: true, minLength: 6 },
file: { required: true, fileType: ["image/png", "image/jpeg"], maxSize: 2 },
},
});
const onSubmit = (data) => {
console.log("Form Data:", data);
};
return (
<form onSubmit={handleSubmit(onSubmit)}>
<input type="text" placeholder="Name" {...register("name")} />
{errors.name && <p>{errors.name}</p>}
<input type="email" placeholder="Email" {...register("email")} />
{errors.email && <p>{errors.email}</p>}
<input type="password" placeholder="Password" {...register("password")} />
{errors.password && <p>{errors.password}</p>}
<input type="file" {...register("file")} />
{errors.file && <p>{errors.file}</p>}
<button type="submit">Submit</button>
</form>
);
};
export default MyForm;