没有模式的 HTML5 电子邮件验证 TLD？答案

【问题标题】：HTML5 Email Validation TLD without Pattern?没有模式的 HTML5 电子邮件验证 TLD？
【发布时间】：2023-04-07 03:56:02
【问题描述】：

如何告诉我的输入以验证带有 tld 的电子邮件输入？

我不想接受a@b 形式的电子邮件地址。

我知道我可以指定一个正则表达式模式来断言这种行为，但这感觉像是一种 hacky 方法。是否有一个原生属性可用于强制输入元素验证电子邮件地址，包括 tld？

<form>
    <input type="email" required="required" pattern="^[^@\s]+@([^@\s]+\.)+[^@\s]+$" value="a@b" />
    <input type="submit"/>
</form>

【问题讨论】：

【解决方案1】：

没有用于验证 TLD 的原生属性。不过，您可以使用模式属性来验证 TLD。我这里有复制粘贴代码sn-p：https://github.com/coliff/html5-email-regex

【讨论】：