Validation component for material-ui v1 forms
Installation
npm install --save mui-form-validator
Versions
- ^1.0.0 - supports material-ui >= ^1.4.x
Some rules can accept extra parameter, example:
<MuiValidator someProps inputProps=required: true/>
Usage Example
/* * Created by Gihan */;/* Material UI Components */; { superprops; thisstate = loading : true formData: fname : "" email : "" fields : ; thishandleSubmit = thishandleSubmit; thishandleChange = thishandleChange; thisregister = thisregister; } { //Your submit handler //form data can get from state.fromData. you can change it as your own in handle change funcion }; { //setting form data to state.you can change it as your own. let formData = thisstateformData; formDataetargetname = etargetvalue; this; }; //register fields to validate (please add this function for register your form fields.this is required) { let s = thisstatefields; s; this; }; { return <MuiForm onSubmit=thishandleSubmit noValidate> <MuiValidator placeholder="First Name" name="fname" type="text" onChange=thishandleChange value=thisstateformDatafname inputProps=required: true onComponentMounted=thisregister fullWidth=true/> <MuiValidator placeholder="Email" name="email" onChange=thishandleChange value=thisstateformDataemail inputProps=required: true onComponentMounted=thisregister fullWidth=true/> <Button type="submit" variant="raised" color="primary">Submit</Button> </MuiForm> ; }
- onComponentMounted prop is required.please add it for MuiValidator component