🔧 Easy Form Validation in React with react-form-validator-pro! 💻

#javascript #node #npm #react

Hey, devs! 👋

I'm excited to share a lightweight and powerful form validation solution for your React apps—react-form-validator-pro! 🚀

Why You Should Use It:
✅ Simple Validation: Just pass in the validation rules, and it automatically handles form field validation.

✅ Customizable: Easily add your custom validation rules.

✅ Error Handling: Clear error messages, customizable error placement, and it works seamlessly on both change and blur events.

✅ Fast Setup: Quick to integrate and use.

Key Features:

Built-in validations for common fields like email, password, and phone numbers.
Custom validation functions for any complex logic.
Supports error messages above or below the form fields.
Highly customizable styling options to fit your design.

Check out this example usage:

<FormValidator
  onSubmit={handleSubmit}
  validations={{
    email: { required: true, pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/, message: 'Invalid email' },
    password: { required: true, message: 'Password is required', minLength: 8, },
  }}
>
  <div>
    <label>Email:</label>
    <input type="email" name="email" />
  </div>
  <div>
    <label>Password:</label>
    <input type="password" name="password" />
  </div>
  <button type="submit">Submit</button>
</FormValidator>