限制手机号码输入

Restraining mobile number input

我有一个接受用户手机号码的表格。条件是,我必须只接受从 7、8 或 9 开始的数字,并且最大长度应该是 10。我正在使用以下代码:

<input name="wno" id="wno" type="number" placeholder="Whats App No." required="required" minlength="10" maxlength="10" style="border-color:black" pattern = "/(7|8|9)\d{9}/">

但是这两个条件仍然失败:

1) 从 7、8 或 9 开始 & 2) 最大长度应为 10.

请指导我。感谢期待。

模式属性适用于以下输入类型:text, date, search, url, tel, email, and password

您的输入类型是 number,因此该模式将被忽略。

将您的输入类型更改为 texttel,它将按预期工作。

来源:https://www.w3schools.com/tags/att_input_pattern.asp