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);