HTML5 电子邮件验证 [英] HTML5 Email Validation

问题描述

据说使用 HTML5，我们不再需要 js 或服务器端代码来检查用户的输入是否为有效的电子邮件或 URL 地址"

It is said "With HTML5, we need no more js or a server side code to check if the user's input is a valid email or url address"

如何在用户输入后验证电子邮件?如果用户输入了他/她的电子邮件地址的错误形式，并且没有 JS 如何显示消息.

How can I validate email after a user enter? and without JS how to display a message if the user enter a wrong form of his/her email address.

<input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email">
<input type="submit" value="Submit">

推荐答案

在 HTML5 中你可以这样做:

In HTML5 you can do like this:

<form>
<input type="email" placeholder="Enter your email">
<input type="submit" value="Submit">
</form>

当用户按下提交时，它会自动显示如下错误消息:

And when the user press submit, it automatically shows an error message like:

这篇关于HTML5 电子邮件验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！