react-form-validation
Form validation for React
Install
$ tnpm install react-form-validation-hoc --save
Usage
Please refer to async-validator for verification rules
Example
;; Component state = name: '' sex: '' school: '' { event; thispropsvalidator; } { const FieldDecorator errors = thispropsvalidator; return <form onSubmit=thishandleSubmit> <div> <FieldDecorator name='name' value=thisstatename rules= required: true message: 'please enter your name' /> name: <input value=thisstatename onChange= { this; } /> </div> <div>name error: <span style= color: 'red' >errorsname</span></div> <div> <FieldDecorator name='data.sex' value=thisstatesex rules= { if value === 'male' || value === 'female' ; else ; } /> sex: <input value=thisstatesex onChange= { this; } /> </div> <div>sex error: <span style= color: 'red' >errors'data.sex'</span></div> <div> <FieldDecorator name='data.school' value=thisstateschool rules= required: true message: 'school is required' /> School: <input value=thisstateschool onChange= { this; } /> </div> <div>school error: <span style= color: 'red' >errors'data.school'</span></div> <input type="submit" value="Submit" /> </form> ; } MyForm;