title: Disable input validation for input type=number
body: <p>I have a numeric input tag in a form element: </p>
  
  <pre><code>&lt;form novalidate=""&gt;
        &lt;input type="number" data-role="none" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="Quantity" class="quantityInput" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When user types in any <code>non-numeric</code> value, the browser validates it and removes the whole text before submit call.</p>
  
  <p>From the suggestions of other answers I tried using novalidate and <code>novalidate="novalidate"</code> attributes on the form. I also tried to tap <code>invalid</code> events. But nothing seems to work. The browser just removes the whole text if it is <code>non-numeric</code> before doing the submit call.</p>
  
  <p>The reason to use input <code>type="number"</code> is that I need a quantity field in which user types something like <code>10 grams</code> or <code>23 pcs</code> etc. So by setting the input <code>type="number"</code>, iOS shows the numeric version of the keyboard first.</p>
  
  <p>How do I disable browser validation for input types of number?</p>