Redux-Form - validation happens only once
<p>I'm new to redux-form, and I followed this simple example: <a href="http://redux-form.com/6.0.5/examples/syncValidation/" rel="nofollow">http://redux-form.com/6.0.5/examples/syncValidation/</a></p>

<p>I did everything it says but for some reason the validation function I'm passing is invoked only once, at the creation of the form, and it doesn't invoke when values are changed.</p>

<p>Here is my code:</p>

<p>reducer:</p>

<pre><code>import { combineReducers } from 'redux-immutable';
import { reducer as formReducer } from 'redux-form/immutable';

export const appReducers = combineReducers({
    form: formReducer
});
</code></pre>

<p>my form:</p>

<pre><code>import React, { PropTypes } from 'react';
import { Field, reduxForm } from 'redux-form';
import TextField from 'react-mdl';

class Form extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            user: Map({
                id: '',
                name: ''
            })
        };

        this.onIdChange = this.onIdChange.bind(this);
        this.onNameChange = this.onNameChange.bind(this);
    }

    onIdChange(event) {
        // change the id in the user.
    }

    onNameChange(event) {
        // change the name in the user.
    }

    render() {
        const { handleSubmit } = this.props;

        return (&lt;form onSubmit={handleSubmit}&gt;
                &lt;Field name='id'
                    label='id'
                    component={TextField}
                    onChange={this.onIdChange}
                    value={this.state.user.get('id')} /&gt;
                &lt;Field name='name'
                    label='name'
                    component={TextField}
                    onChange={this.onNameChange}
                    value={this.state.user.get('name')}/&gt;
            &lt;/form&gt;);
    }
}

const validate = values =&gt; {
    const errors = {};

    if (!values.id) {
        errors.id = 'Required';
    }

    if (!values.name) {
        errors.name = 'Required';
    }

    return errors;
}

export default reduxForm({
    form: 'userForm',
    validate
})(Form);
</code></pre>