0.0.7 • Published 8 years ago
validate-react-form v0.0.7
validate-field-react
A validation component library for React form components.
It will validate against the following:
- isNumeric (Boolean)
- isNotNumeric (Boolean)
- isRequired (Boolean)
- minLength (Integer)
- maxLength (Integer)
npm install validate-field-react
Usage
import ValidateField from 'validate-field-react';
// Use my own custom feedback component, accepting a `message` prop
import FeedbackComponent from 'my/optional/FeedbackComponent';
<ValidateField
isNotNumeric
isRequired
minLength={2}
component={<FeedbackComponent type="error" />}
message={{
isNumeric: 'Your name should not be numeric',
isRequired: 'Please enter your name',
minLength: 'Please provide at least 2 characters for your name'
}}
>
<input
className="text-input"
type="text"
id="name"
onChange={e => this.handleFieldChange(e.target.value, 'name')}
defaultValue={this.state.formData.name.value}
/>
</ValidateField>
0.0.7
8 years ago