使用模式的电话号码验证

以下示例代码验证电话号码，并检查用户是否以正确的格式提供电话号码（XXX-XXX-XXXX）。

<form>
  Phone Number (format: xxx-xxx-xxxx):
  <input type="tel" pattern="^\d{3}-\d{3}-\d{4}$" required >

  <input type="submit" value="Submit">
</form>

从用户收集数据时非常重要。
在提交到数据库之前需要表单数据验证。
客户端验证比服务器端更用户友好。
我们可以使用HTML5轻松实现客户端表单验证而不需要使用jQuery。
其中我们将展示如何使用HTML5集成电话号码验证。

要使用正则表达式（Regex）验证电话号码，我们将在HTML输入字段中使用类型和图案属性。

10位数电话号码的正则表达式

以下示例代码检查用户提供10位数数值（xxxxxxxxxx）。

<form>
  Phone Number (format: xxxxxxxxxx):
  <input type="tel" pattern="^\d{10}$" required >

  <input type="submit" value="Submit">
</form>