regex - HTML5 模式发挥作用

Question

我无法完成这个 html5 表单验证。 任何人请建议如何修复它。请参阅jsfiddle 当我按输入框中的任意键时，Firebug 控制台显示 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

该模式似乎无效。如果您尝试匹配 5 位数字，则只需要“[0-9]{5}”。如果您尝试匹配 3-5 位数字，则应为“[0-9]{3,5}”。

setCustomValidity() 似乎也存在问题。调用它后，任何进一步尝试提交表单都会导致错误。

How can I change or remove HTML5 form validation default error messages?建议您可以通过添加 onchange="try{setCustomValidity('')}catch(e){}" 来解决此问题。