手机号码模式不起作用

Question

我有一个输入表单

<form name=... >
...
<input name="phone" id="phone" type="text" pattern="(7|8|9)\d{9}" 
title="Please enter valid 10-digit mobile number" class="form-control" 
placeholder="10 digit mobile number" required />
...
</form>

当我输入有效输入：9123010101时，会弹出默认错误消息“请匹配请求的格式”。

我已经在线检查了正则表达式中的正则表达式并且它完全匹配。我使用的是最新的Chrome浏览器。请帮我理解这里出了什么问题。

Answer 1

这个怎么样？ /(7|8|9)\d{9}/

在模式的开头和结尾添加反斜杠，并确保没有输入额外的字符，例如空格