Question

我有一个电子邮件类型的文本框。我在那个文本框中输入了一些字符。当我专注于文本必须验证电子邮件ID而不使用jquery，javascript，angularJS等....请建议解决方案。

Answer 1

<form>
<input type="email" placeholder="Enter your email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$" required />
<input type="submit" value="Submit">
</form>

然后您可以使用HTML5输入电子邮件验证，而无需使用jquery，javascript，angularJS等

Answer 2

您可以在输入中使用email类型。它是HTML5标准输入类型，浏览器自动验证其值。此外，input具有pattern属性，可用于验证具有自定义规范的数据。

下面有两个例子。第一个输入仅接受长度介于2和5之间的TLD。第二个输入仅接受TLD，这些TLD完全是.design

＆＃13;

<form>
  E-mail (TLD max 5):
  <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,5}$" required="required">
  <br/> E-mail (TLD only = .design):
  <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.design" required="required">
  <br/>
  <input type="submit" value="Send" />
</form>

＆＃13;

Answer 3

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

<input type="email" />

https://www.w3schools.com/html/html_form_input_types.asp

如果你想要更复杂，你可以在输入的patter属性中使用正则表达式。

<input pattern="Your_Email_Regex" type="email" />

https://www.w3schools.com/tags/att_input_pattern.asp

Answer 4

您可以尝试以下表单发送电子邮件

<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>

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

4 个答案: