title: stopping form submit with prototype.js
body: <p>There seems to be a issue or my lack of knowledge how to stop the form to be submitted with prototypejs. Maybe someone can help me with the issue I'm facing </p>
  
  <p>consider this simple form </p>
  
  <pre><code>&lt;form id="formContact" method="post"&gt;
      &lt;p&gt;Name:
          &lt;br /&gt;
          &lt;input type="text" id="name" name="yourName" size="20" /&gt;
      &lt;/p&gt;
      &lt;p&gt;E-mail:
          &lt;br /&gt;
          &lt;input type="e-mail" name="yourEmail" size="20" /&gt;
      &lt;/p&gt;
      &lt;p&gt;Message:
          &lt;br /&gt;
          &lt;textarea cols="20" rows="10" name="yourMessage"&gt;&lt;/textarea&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;input type="submit" value="Submit this form" name="submitButton" /&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and this little js snippet from protoype manual <a href="http://prototypejs.org/doc/latest/dom/Event/stop/" rel="nofollow">http://prototypejs.org/doc/latest/dom/Event/stop/</a></p>
  
  <pre><code>Event.observe('formContact', 'submit', function (event) {
      var login = $F('name').strip();
      if ('' == login) {
          Event.stop(event);
          // Display the issue one way or another
      }
  });
  
  $('formContact').submit();
  </code></pre>
  
  <p>all this in fiddle : <a href="http://jsfiddle.net/C3eFu/2/" rel="nofollow">http://jsfiddle.net/C3eFu/2/</a> </p>
  
  <p>now the issue here is it stops the form perfectly if button is clicked but not when form is submitted with javascript.? 
  is this the 1% where prototype fails to stop the event? </p>