0.0.9 • Published 7 years ago
react-validator-ease v0.0.9
react-validator
react-validator in your react appliction is so ease
Preview
Install
npm install react-validator-ease
or yarn install react-validator-ease
Usege
- link
const ReactValidator from 'react-valid-ease'
- es5
componentWillMount: function() {
this.validator = new ReactValidator();
},
- es6
constructor() {
this.validator = new ReactValidator();
}
- jsx
render: function() {
return (
<div className="container card my-4">
<div className="card-block">
<h3>Example Form</h3>
<div className="form-group">
<label>email</label>
<input className="form-control" name="email" value={this.state.email} onChange={this.setStateFromInput} />
{this.validator.message('email', this.state.email, 'required|email','',{
required: 'email不能为空',
email: 'email 格式不正确'
})}
</div>
<div className="form-group">
<label>required</label>
<input className="form-control" name="required" value={this.state.require} onChange={this.setStateFromInput} />
{this.validator.message('required', this.state.required, 'required|max:12|min:6','',{
default: 'required不能为空',
min: '不能少于6个字符',
max: '不能大于12个字符'
})}
</div>
<button className="btn btn-primary" onClick={this.submitForm}>Submit</button>
</div>
</div>
);
}