允许电子邮件地址在域中包含点或连字符 (HTML)

Question

我使用 html 创建了一个表单。我有一个电子邮件地址字段，其中允许包含点的域。不过，我仍然可以拥有带有连字符的域名，一种“[电子邮件受保护]”，这可能是我代码中的一个简单编辑，但我仍然找不到应该添加的位置和内容。

Here is my code :

 <div class="srf-field_wrapper">
                    <label for="emailAddress">E-mail*</label>
                    <input id="emailAddress" name="emailAddress" required="" type="text" placeholder="Ex: [email protected]*" pattern="[a-zA-Z0-9\.]+@[a-zA-Z0-9\.]+\.[a-z]+" oninvalid="setCustomValidity('Veuillez remplir ce champ obligatoire')" oninput="setCustomValidity('')">
                </div>

我知道那个“。”意味着我们允许域中存在一个点。我想表达这样一个事实：域中可以有一个点或连字符。

有人可以帮助我吗？

谢谢您的帮助！

Answer 1

[a-zA-Z0-9\.]+@[a-zA-Z0-9]+[\.-]?[a-zA-Z0-9]+\.[a-z]+

我所做的就是删除 .从允许的字符中，创建两组允许的字符而不是一组。

然后我在它们之间添加了

[\.-]?

。这会产生一个 OR，因为在点和连字符之间只允许使用 0 或 1 个字符。

这意味着只能有 1 个点或 hihen。在域中。