javascript - 如何将输入的长度设置为 8 或 14 个字符长？

Question

我正在尝试使用以下代码:

<form>
  <input pattern=".{5}|{10}">
      <input type="submit" value="Check"></input>
</form>

似乎必须有某种方法让它发挥作用？

编辑澄清:我不想允许 9,10,11,12,13。我只想允许 8 或 14 谢谢， 注意:由于某些原因，我无法使用 Jquery 验证插件。

Answer 1

您可以通过以下正则表达式模式指定它:

^.{8}$|^.{14}$

这就是您的代码的样子:

<form>
  <input pattern="^.{8}$|^.{14}$">
  <input type="submit" value="Check"></input>
</form>

铁路图:

描述:

NODE                     EXPLANATION
----------------------------------------------------------------------
 ^                        the beginning of a "line"
----------------------------------------------------------------------
  .{8}                     any character except \n (8 times)
----------------------------------------------------------------------
  $                        before an optional \n, and the end of a
                           "line"
----------------------------------------------------------------------
 |                        OR
----------------------------------------------------------------------
  ^                        the beginning of a "line"
----------------------------------------------------------------------
  .{14}                    any character except \n (14 times)
----------------------------------------------------------------------
  $                        before an optional \n, and the end of a
                           "line"
----------------------------------------------------------------------
)                        end of grouping
----------------------------------------------------------------------

<强> Demo