如何在html输入中使用电话号码模式?

Question

我试图在我的代码中使用模式而不是正则表达式，其中数字必须从09开始，并且限制为11，但我看到的大多数是正则表达式和形式内的模式很少，但似乎不像这样工作，我发现这是从一个旧视频。我该怎么修理它?

<input class="form-design" name="phone" type="number" id="phone" pattern="(09)[0-9]{11}" placeholder="Phone Number*" required="">

Answer 1

你可以试试:

<input class="form-design" name="phone" id="phone" pattern="^09[0-9]{9}$" placeholder="Phone Number*" required="">

因为你正在为这个标签定义一个模式，所以你不应该使用type=number。

^09[0-9]{9}$表示从输入的开始到结束，应该从09开始，之后应该包含(11 -2 = 9)其他数字。