title: React.js: submit form programmatically does not trigger onSubmit event
body: <p>I want to submit a React form after a click on a link.</p>
  
  <p>To do so I need to submit the form programmatically if the link is clicked.</p>
  
  <p><strong>my problem is : <code>onSubmit</code> handler is not being fired after the form submit .</strong></p>
  
  <p>Here is a code snipped that I made for this purpose: </p>
  
  <pre><code>var MyForm = React.createClass({
    handleSubmit: function(e){
      console.log('Form submited');
       e.preventDefault();
    },
    submitForm : function(e){
      this.refs.formToSubmit.submit();
    },
    render: function() {
      return (
      &lt;form ref="formToSubmit" onSubmit={this.handleSubmit}&gt;
      &lt;input name='myInput'/&gt;
      &lt;a onClick={this.submitForm}&gt;Validate&lt;/a&gt;
      &lt;/form&gt;);
    }
  });
  
  ReactDOM.render(
    &lt;MyForm name="World" /&gt;,
    document.getElementById('container')
  );
  </code></pre>
  
  <p>The <code>handleSubmit</code> is not invoked and the default behavior is executed (the form being submitted).
  Is this a ReactJs bug  or a normal behavior?
  Is there a way to get the onSubmit handler invoked ?</p>