recassfov

recassfov

React Client and Server Side Form Validation

Installation

# with npm
$ npm i recassfov

# or with yarn
$ yarn add recassfov

Usage

Import library.

import { Form, Input } from 'recassfov'

Create validation rules. (Validator.js)

const validations = {
  username: [
    {
      rule: 'isLength',
      args: { min: 4, max: 32 },
      invalidFeedback: 'please provide a username (min: 4, max: 32)'
    }
  ],
  email: [
    {
      rule: 'isEmail',
      invalidFeedback: 'please provide a valid email'
    }
  ]
}

Build your form.

<Form
  postUrl='http://example.com/post.php'
>
  <div>
    <Input
      type='text'
      name='username'
      placeholder='username'
      validations={validations.username}
    />
  </div>

  <div>
    <Input
      type='email'
      name='email'
      placeholder='email'
      validations={validations.email}
    />
  </div>

  <div>
    <input type='submit' value='submit' />
  </div>
</Form>

Callbacks

1. validForm()
2. invalidForm()

Contribution

Feel free to contribute. Open a new issue, or make a pull request.

License

MIT