电话号码的HTML验证

Question

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

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: +99(99)9999-9999)'>

pattern='^\+?\d{0,13}'之类的内容会为您提供可选的+和最多13位

Answer 2

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

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

参考：

https://www.sitepoint.com/client-side-form-validation-html5/

HTML5 phone number validation with pattern

HTML5 Email Validation

Answer 3

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

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

Answer 4

像尼基塔所说，重要的是要仔细检查数据传递给服务器。我建议像你想要的那样格式化数据，试试Formatter.js。

再见。