HTML5 电子邮件验证不应允许没有“.”的电子邮件。示例 "aaa@aaa"

Question

基本 HTML 5 表单，尝试触发 HTML 5 电子邮件验证，该验证不应允许 "aaa@aaa" 类型的电子邮件，这意味着那些没有 "." 快结束了。

所以像下面这样的电子邮件是正确的

asd@asd.com
aaa@aaa.co.in

下面的电子邮件不正确

aaa@aaa

<form>
      <h2>Email Validation</h2>
      <input type="email" value="" placeholder="name@email.com" required />
      <input type="submit" value="Submit" />
    </form>

Answer 1

<input type="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" />

Answer 2

aaa@aaa 对于 HTML5 验证是正确的。您可以使用 "pattern" 属性指定一个正则表达式，就像那里解释的那样：https://www.w3schools.com/tags/att_input_pattern.asp

Answer 3

试试这个格式

<form action="/action_page.php">
E-mail: <input type="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>

HTML5 电子邮件验证不应允许没有“.”的电子邮件。示例 "aaa@aaa"

HTML5 Email validation should not allow email without "." example "aaa@aaa"

html

email-validation