redux-form-validation-so-easy

Some useful validation helpers for quick developing with redux-form.

Installation

npm install --save redux-form-validation-so-easy

Usage

Let's assume we are working with redux-form's sync validations, then you would have code like this:

1const validate => values => {
2  ...
3  //MY UGLY LENGTHY RULES :(
4  ...
5}
6
7const SyncValidationForm = props => {
8  ...
9}
10
11export default reduxForm({
12  form: 'syncValidation',
13  validate
14})(SyncValidationForm)

For some reasons I want to split those validation logics to somewhere and make them reusable, so let me introduce my helpers and just replace the original validate function like this:

1import vSetRules, {vMoreThan, vEmail, vROCId} from 'redux-form-validation-so-easy'
2
3const validate = vSetRules([
4  {name: 'username', rules: [vMoreThan(6)]},
5  {name: 'email', rules: [vEmail()]},
6  {name: 'id', rules: [vROCId()]}
7])
8
9const UserForm = props => {
10  return (
11    <form onSubmit={props.handleSubmit}>
12      <Field name="username" component={renderField} type="text" label="Name"/>
13      <Field name="id" component={renderField} type="text" label="ID" />
14      <Field name="email" component={renderField} type="email" label="Email"/>
15    </form>
16  )
17})
18
19export default reduxForm({
20  form: 'user',
21  validate
22})(UserForm)

Available helpers (so far)

• vEmail()
• vROCId()
• vMoreThan(number)