title: How to disable HTML5 validation in React using formsy-react?
body: <p>i'm trying to get rid of the browser's default validation logic using formsy-react, and according to the documentation the "<a href="https://github.com/christianalfoni/formsy-react/blob/master/API.md#formnovalidate" rel="noreferrer">formNoValidation</a>" attribute should do the trick. But I can't get it to work. </p>
  
  <p>What am I doing wrong?</p>
  
  <pre><code>var React = require('React');
  var Formsy = require('formsy-react');
  var Input = require('./forms/Input.js');
  
  module.exports = React.createClass({
      render: function () {
          return (
             &lt;Formsy.Form&gt;
                &lt;Input ref="phonenumber" id="phonenumber" value={this.state.phonenumber.value} name="phonenumber" required validations="isNumeric" validationError="Please provide a valid phone number" /&gt;
             &lt;/Formsy.Form&gt;
          );
      }
  });
  </code></pre>
  
  <p>Input.js</p>
  
  <pre><code>var Formsy = require('formsy-react');
  var React = require('React');
  
  module.exports = React.createClass({
      mixins: [Formsy.Mixin],
  
      changeValue: function (event) {
          this.setValue(event.currentTarget.value);
      },
  
      render: function () {
          var className = this.showRequired() ? 'required' : this.showError() ? 'error' : null;
          var isReadOnly = this.props.readOnly;
          var errorMessage = this.getErrorMessage();
  
          return (
              &lt;div className={className}&gt;
                  &lt;input type="text" onChange={this.changeValue} value={this.getValue()} readOnly={isReadOnly} required={this.isRequired()} formNoValidate /&gt;
                  &lt;span&gt;{errorMessage}&lt;/span&gt;
              &lt;/div&gt;
          );
      }
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tTYY7.png" alt="Default validation message, even though the formnovalidate attribute is present"></p>
  
  <p>Thank you!</p>