1.0.6 • Published 6 years ago
react-form-controlled-validate v1.0.6
React controlled form validate
Validation of the forms. High order components for react-form-controlled. It is based on JSON Schema.
Simple arrays
If you are using fieldset with simple array do not enter the name attribute.
import React, { Component } from 'react';
import Form from 'react-form-controlled';
import Validate, { Alert } from 'react-form-controlled-validate';
const schema = {
type: 'object',
required: ['firstName'],
firstName: {
username: {
type: 'string',
minLength: 2,
},
},
};
export default class Example extends Component {
constructor(props, context) {
super(props, context);
this.state = {};
}
onSubmit = (data) => {
alert(`Hi ${data.firstName}`);
}
render() {
return (
<Validate schema={schema}>
<Form
value={this.state}
onSubmit={this.onSubmit}
>
<input name="firstName" />
<Alert name="firstName" />
<button type="submit">Submit</button>
</Form>
);
}
}
Support us
Star this project on GitHub.
Try our other React components
- Translate your great project react-translate-maker
- Google Analytics react-g-analytics
- Google AdSense via Google Publisher Tag react-google-publisher-tag
License
The MIT License (MIT)
Copyright (c) 2016 Zlatko Fedor
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
7 years ago
0.1.14
7 years ago
0.1.13
7 years ago
0.1.12
7 years ago
0.1.11
7 years ago
0.1.10
7 years ago
0.1.9
7 years ago
0.1.8
7 years ago
0.1.7
7 years ago
0.1.6
7 years ago
0.1.5
7 years ago
0.1.4
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago