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

时间:2015-11-02 19:22:30

标签: html5 forms validation

我想验证HTML5表单验证中的文本。例如,当我填写一个只应该接收电子邮件地址的字段但是当用户输入字母时,会显示错误消息,如何验证该错误消息?我一直在努力解决这个问题很长时间,非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

由于HTML5有新的输入类型可用,例如电子邮件,电话...通过在您的表单中键入以下内容: <input type="email" required /> 您将获得通过HTML5验证的电子邮件字段。它还具有以下优点:当您在移动设备上使用页面时,键盘会发生变化,即当您有 tel 字段时,键盘布局会更改为仅数字键盘。

或者,您可以使用模式检查电子邮件地址是否有效。 <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,即检查国家/地区代码是否真正有效。