title: Skip Validation on React-Final-Form when "Cancel" Button Clicked
body: <p>I have a React-Final-Form that validates its form fields. </p>
  
  <p>I would like to <strong>not</strong> invoke validation when a cancel or reset button is clicked. However, if clicking the cancel button click causes an invalid field to render its error message, the <em>onCancel function</em> is never called. This happens even if I set the button type to "reset". </p>
  
  <p>If validate doesn't return a change, only then can the <em>onCancel</em> function be reached.</p>
  
  <pre><code>  handleSubmit(values) { console.log(JSON.stringify(values, 0, 2)) }
  
    onCancel() { console.log("cancelled!"); }
  
    render() {
      const onSubmit = async values =&gt; { this.handleSubmit(values); };
  
     return (
       &lt;Form name="form" 
          onSubmit={onSubmit}
          validate={values =&gt; {
                    const errors = {};
                    if (!values.username) { errors.username = 'Required' }
                    return errors }}
  
          render={({handleSubmit}) =&gt; (
            &lt;form onSubmit={handleSubmit}&gt;
              &lt;Field name="username"&gt;
                {({ input, meta }) =&gt; (
                   &lt;input {...input} type="text" placeholder="Username" autoFocus&gt;
                   {meta.error &amp;&amp; meta.touched &amp;&amp; &lt;span&gt;{meta.error}/span&gt;}                   
                )}
              &lt;/Field&gt;
  
              &lt;button type="submit"&gt;Submit&lt;/button&gt;
              &lt;button type="button" onClick={onCancel}&gt;Cancel&lt;/button&gt;
            &lt;/form&gt;
          )}/&gt;
    );
  </code></pre>