电话号码的 HTML 验证

Question

我是 HTML 的新手，谁能帮我验证一个电话号码只有“+”，数值和电话号码不应超过 13 个数字，并用“@”和“.”验证电子邮件，我不想使用 javascript

原文由 Jayashree venugopal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 John3136 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 Nikita Yo LAHOLA 发布，翻译遵循 CC BY-SA 3.0 许可协议