Formex

Simple form builder and validation library.

Can be used as standalone, with Redux or React;

This library is experimental and it not tested in production!! Use at your own risk! Pull requests/issues are welcome

Installation

npm install formex

Usage

// form component
import { Formex } from 'formex';
 
class LoginForm extends Component {
    static propTypes = {
        pristine: PropTypes.bool.isRequired,
        valid: PropTypes.bool.isRequired,
        dirty: PropTypes.bool.isRequired,
        invalid: PropTypes.bool.isRequired,
        validating: PropTypes.bool.isRequired,
        validated: PropTypes.bool.isRequired,
        onSubmit: PropTypes.func.isRequired,
        errors: PropTypes.array.isRequired
    };
    // ...
}
 
export default Formex.Form()(LoginForm);
 
// input component
import { Formex } from 'formex';
 
class MyInput extends Component {
    static propTypes = {
        pristine: PropTypes.bool.isRequired,
        valid: PropTypes.bool.isRequired,
        dirty: PropTypes.bool.isRequired,
        invalid: PropTypes.bool.isRequired,
        validating: PropTypes.bool.isRequired,
        validated: PropTypes.bool.isRequired,
        onChange: PropTypes.func.isRequired
    };
    
    // ...
}
 
export default Formex.Input()(MyInput);
 
// error message
import { Formex } from 'formex';
 
class MyErrorMessage extends Component {
    static propTypes = {
        show: PropTypes.bool.isRequired,
        args: PropTypes.array.isRequired
    };
    
    //...
}
 
export default Formex.Message()(MyErrorMessage);