react-validex

Fast and simple data validator for React

Install

npm install --save react-validex

Usage

import {withValidator, ValidField} from 'react-validex'

const Form = ({validator}) => {

  const [state, setState] = useState({
    user_name: ''
  })

  useEffect(() => {
    validator.validate()
  }, [state])

  return <div>
    <ValidField
      nameAlias="User Name"
      name="user_name"
      value={state.user_name}
      validator={validator}
      showError
      min={6}
      max={15}
    >
      <input type="text" value={state.user_name} onChange={(e) => setState({...state, user_name: e.target.value})}/>
    </ValidField>
  </div>
}

export default withValidator(Form)

Props

| Name | Description | | ----------- | ------------------------------- | | children | element required | | validator | validator instance required | | name | field name required | | value | field value required | | showError | show the error bellow boolean |

Please follow the validex for the validator props