Question

I’ve not been able to make work this html5 form validation. Anybody please suggest how to fixed it. See jsfiddle
When I press any key on the input box the firebug console says SyntaxError: invalid quantifier

    <form action="#" method="post" class="form-validate" id="bidform">

      <div class="input_wrapper">
         <input placeholder="Enter Zip Code" type="text" pattern="[0-9]{3,5}"
            oninvalid="setCustomValidity('Please enter valid zip')" id="zip" class="validate-numeric" required name="zip">
      </div>


      <div class="submit_row">
         <input class="submit" value="Submit a Bid!" type="submit" name="subbid">
      </div>
    </form>

Answer 1

It looks like the pattern is invalid. If you are trying to match 5 digits you just need “[0-9]{5}”. If you are trying to match 3-5 digits it should be “[0-9]{3,5}”.

There also seems to be an issue with setCustomValidity(). After it gets called once any furter attempts to submit the form always result in error.

How can I change or remove HTML5 form validation default error messages? suggests that you can fix this by adding onchange="try{setCustomValidity('')}catch(e){}".