auriga-form-validation v1.3.0

auriga-form-validation

React Form Validation

Install

npm install --save auriga-form-validation

Usage

import React, { useState } from 'react'

import FormValidation, { required, email } from 'auriga-form-validation'

const App = () => {
  const [formInputs, setFormInputs] = useState({
    first_name: '',
    last_name: ''
  })
  const { validate, errors } = FormValidation({
    validationRules: { first_name: [required, email], last_name: [required] },
    formInput: formInputs
  })

  const changeHandler = (e) => {
    const { name, value } = e.target
    setFormInputs({ ...formInputs, [name]: value })
  }

  const submitHandler = () => {
    validate()
      .then(() => console.log(formInputs))
      .catch((error) => console.log(error))
  }

  return (
    <>
      <form>
        <div>
          <input
            name='first_name'
            value={formInputs.first_name}
            onChange={(e) => changeHandler(e)}
          />
          <span>{errors?.first_name}</span>
        </div>
        <div>
          <input
            name='last_name'
            value={formInputs.last_name}
            onChange={(e) => changeHandler(e)}
          />
          <span>{errors?.last_name}</span>
        </div>

        <button onClick={submitHandler} type='button'>
          Submit
        </button>
      </form>
    </>
  )
}

export default App

License

MIT © Aman Ali(https://github.com/Aman Ali)