Redux-form field validation

Simple test-driven redux-form fields validation

Install

yarn add redux-form-field-validation

or

npm i redux-form-field-validation

Usage

MyForm.js

import { required, email } from 'redux-form-field-validation';

...

<Field
    id="email"
    name="email"
    component={Input}
    validate={[required, email]}
    placeholder="Email"
    type="text"
/>

...

Input.js

...

const Input = ({
  placeholder,
  meta,
  ...props
}) => (
  <Fragment>
      <input
        isInvalid={meta.error}
        touched={meta.touched}
        id={id}
        {...props.input}
        placeholder={placeholder}
        {...props}
      />
    {meta.touched && meta.error && (
      <div>{meta.error}</div>
    )}
  </Fragment>
);

...

API

| Property | Description | Error message | Note | | ------------- |---------------------|--------------|-----| | email | checks email validity | InvalidEmail | According to RFCs. Taken from emailregex.com| | required | makes field required | Required || | intlPhoneNumber | international phone number | InvalidIntlPhoneNumber | starts with "+" and does not contain spaces | | positiveNumber | checks if a number is bigger than zero | InvalidPositiveNumber | | | negativeNumber | checks if a number is smaller than zero | InvalidNegativeNumber | |

Dependencies

none!