title: HTML5 input type=number change step behavior
body: <p>If I use an input field of type="number" with step="100".
  I don't want odd numbers to be invalid.
  I just want increase or decrease to be with a value of 1000.</p>
  
  <pre><code>&lt;input type="number" min="100" max="999999" step="100" /&gt;
  </code></pre>
  
  <p>If the user enters the value "199" and submits, he/she gets an error because the value isn't dividable by 100.
  But all I want with the step-value is to control the behavior of the spinner, e.g. if the user click up I want the value 199 to become 200 and if he/she clicks down I want it to become 100. Or ideally I would like the value to be increased or decreased with a value of 100.</p>
  
  <p>How do I do this?
  I tried using the invalid event (with jQuery 1.7.2) like this:</p>
  
  <pre><code>$( "[type='number']" ).bind( 'invalid', function( e ) {
      var el = $( this ),
        val = el.val( ),
        min = el.attr( 'min' ),
        max = el.attr( 'max' );
  
      if ( val &gt;= min &amp;&amp; val &lt;= max ) {
          return false;
      }
  } );
  </code></pre>
  
  <p>But this results in the form not being submitted.</p>
  
  <p>PS.: This is in Google Chrome 20.0.1132.57 on Fedora 16. </p>