电话号码的 HTML 验证答案

【问题标题】：HTML Validation for phone numbers电话号码的 HTML 验证
【发布时间】：2016-10-22 12:18:32
【问题描述】：

我是 HTML 新手，任何人都可以帮我验证一个仅使用“+”和数字值的电话号码，并且电话号码不得超过 13 个数字，并使用“@”和“验证电子邮件”。 ',我不想使用 javascript

【问题讨论】：

标签： html

【解决方案1】：

在 HTML5 中，您可以使用 <input type='tel'> 和 <input type='email'>

您还可以指定特定模式，例如<input type='tel' pattern='[\+]\d{2}[\(]\d{2}[\)]\d{4}[\-]\d{4}' title='Phone Number (Format: +99(99)9999-9999)'>

pattern='^\+?\d{0,13}' 之类的东西会给你一个可选的 + 和最多 13 位数字

【讨论】：

【解决方案2】：

电子邮件验证 - <input type="email" />，使用类型作为电子邮件。

电话号码验证 - <input type="tel" />。使用类型作为电话。

参考：

【讨论】：

【解决方案3】：

HTML 和/或 JavaScript 只会在客户端验证电子邮件，更安全的解决方案是在服务器端验证电子邮件。话虽如此，您可以在 HTML 5 中进行基本验证，例如

<form>
<input type="email" placeholder="Your email" required>
<input type="submit" value="Submit">
</form>

【讨论】：