我想验证HTML5表单验证中的文本

Question

我想验证HTML5表单验证中的文本。例如，当我填写一个只能输入电子邮件地址的字段时，但是当用户输入字母时，会显示错误消息，如何验证错误消息？我一直在为此奋斗了很长时间，并且非常感谢您的帮助。

Answer 1

由于HTML5有新的输入型可即电子邮件，电话......通过在您打字的形式是这样的： <input type="email" required /> 你得到的是通过HTML5 validaded电子邮件领域。它还具有以下优点：当您的网页在移动设备上使用时，键盘会发生变化，即当您有一个电话字段时，键盘布局会更改为仅数字键盘。

或者，您可以使用模式来检查电子邮件地址是否有效。 <input pattern="\A(?:[a-z0-9!#$%&'*+/=?^_{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@ (?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])\z"/>（没有保证，这是正确的在不同的输入类型

更多信息可用，因为HTML5：

http://www.wufoo.com/html5/

http://www.w3.org/TR/html-markup/input.email.html

http://www.regular-expressions.info/email.html

如果你想绝对保证你的电子邮件是有效的我不认为有一种方法使用JavaScript即检查是否一个国家代码实际上是有效的。