Input type number validation tests

by sehsarah

HTML

<form>
  <input id="test-input" type="text" title="E.g. 20% or 2.50" pattern="([0-9]{1,}(?![.]{1})|[0-9]{1,}[.]{1}[0-9]{1,})[%]{0,1}" placeholder="E.g. 20% or 2.50"/>
</form>

JavaScript

window.onsubmit = function () {
  var testInput = document.getElementById('test-input');

  alert('successful submit of value ' + testInput.value);
  testInput.value = '';

  return false;
};