如何仅使用html验证电子邮件？

我有一个电子邮件类型的文本框。我在那个文本框中输入了一些字符。当我关注文本时，必须在不使用jquery、javascript、angularJS等的情况下验证电子邮件id。。。。请建议解决方案。

您可以使用

电子邮件

输入。它是一种HTML5标准输入类型，浏览器可以自动验证其值。另外，

input

s具有

pattern

属性，可用于使用自定义规范验证数据

下面有两个例子。第一个输入只接受长度在2到5之间的TLD。第二个输入只接受与.design完全相同的TLD

电子邮件（TLD最多5封）：

电子邮件（仅限TLD=.design）：

您可以使用

电子邮件

输入。它是一种HTML5标准输入类型，浏览器可以自动验证其值。另外，

input

s具有

pattern

属性，可用于使用自定义规范验证数据

下面有两个例子。第一个输入只接受长度在2到5之间的TLD。第二个输入只接受与.design完全相同的TLD

电子邮件（TLD最多5封）：

电子邮件（仅限TLD=.design）：

---

使用html5，您可以使用输入的type属性作为电子邮件进行电子邮件验证

如果您想更复杂一些，可以在输入的模式属性中使用正则表达式

---

使用html5，您可以使用输入的type属性作为电子邮件进行电子邮件验证

如果您想更复杂一些，可以在输入的模式属性中使用正则表达式

---

您可以尝试使用下面的表单发送电子邮件

<form name='f1' method="POST" action=""  >     
Email:<input type="email" name="Email" placeholder="Enter mailID" required pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" autofocus >
<input type="submit"  name="submit" value="submit">
</form>

电邮：

您可以尝试使用下面的表单发送电子邮件

<form name='f1' method="POST" action=""  >     
Email:<input type="email" name="Email" placeholder="Enter mailID" required pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" autofocus >
<input type="submit"  name="submit" value="submit">
</form>

电邮：

使用。谢谢您的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。@Gopal为什么限制？如果你没有具体的原因，我不建议限制它。在这里您可以看到TLD的列表。他们中有些人有超过5封信。我申请了单一组织。必须只允许该组织发送邮件。其他人必须加以限制。由于这个原因，我使用了。使用。谢谢你的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。@Gopal为什么限制？如果你没有具体的原因，我不建议限制它。在这里您可以看到TLD的列表。他们中有些人有超过5封信。我申请了单一组织。必须只允许该组织发送邮件。其他人必须加以限制。出于这个原因，我使用了。如果是必需的，否则用户可以将此字段留空。它是否接受邮件id下面的内容？sometext@organization.designWith必需，否则用户可以将此字段留空。是否接受以下邮件id？sometext@organization.designThanks谢谢你的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。当焦点在电子邮件文本框中时必须显示错误，而不是在submit@shitaladd autofocus Attributes中自动焦点仅在页面打开时用于焦点您理解我的问题吗？否则我会解释@shitals谢谢你的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。当焦点在电子邮件文本框中时必须显示错误，而不是在submit@shitaladd autofocus Attributes中自动焦点仅在页面打开时用于焦点您理解我的问题吗？否则我会解释@shitals谢谢你的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。电子邮件正则表达式不是通用的，每个人都根据自己的需要使用/^[a-zA-Z0-9.\%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2，}$/这是我在代码中使用的。如果您需要更多的修改，您可以在regexr.com上创建自己的。谢谢您的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。电子邮件正则表达式不是通用的，每个人都根据自己的需要使用/^[a-zA-Z0-9.\%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2，}$/这是我在代码中使用的。如果您需要更多的修改，您可以在regexr.com上创建自己的。谢谢您的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。必须在文本框焦点处显示错误，而不是在提交中单击检查编辑的代码段，为此（为点（.）之后设置限制）还添加带有required属性的电子邮件验证模式，以便在字段为空时也进行验证。验证功能正常。但它应该在文本框焦点不在提交中时进行验证。“有可能吗？”Gopal不只是HTML，谢谢您的回答。我必须为后圆点（.）设置限制。如何实施。例如，我只允许最多5个字符(some@gmail.cooom)在点（.）之后，否则应通过错误。必须在文本框焦点处显示错误，而不是在提交中单击检查编辑的代码段，为此（为点（.）之后设置限制）还添加带有required属性的电子邮件验证模式，以便在字段为空时也进行验证。验证功能正常。但它应该在文本框焦点不在提交中时进行验证。有可能吗？@Gopal不仅仅使用HTML。