onkeypress 在写入电子邮件地址时仅允许允许的域

Question

对于我的 xpages/jsf 应用程序，我设置了 xe:input 控件以下验证：

<xp:this.validators>
<xp:validateConstraint
    regex="${application.regex_email}"
    message="please follow the rules">
</xp:validateConstraint>
<xp:validateRequired
    message="follow the rules">
</xp:validateRequired>
</xp:this.validators>

我使用的正则表达式：

regex_email=^([\w-]+(?:.[\w-]+)*)@(acme.org|acme.com)

（因此我只允许来自 acme.org 和 acme.com 域的电子邮件地址，区分大小写）。

将数据发送到服务器时效果很好，但我想在客户端应用类似于验证的东西。

我猜在 onkeyup 事件中会发生类似的检查，因此只允许小写字符的允许域，因此一旦用户写入“john.doe@A”，它就会被允许，但转换为小写（“john.doe@ a'），当写入“john.doe@s”时，它会开始警告用户该域名不可接受。

但我不知道怎么办。谁能解释一下怎么做吗？

Answer 1

const regex_email = /^([\w-]+(?:.[\w-]+)*)@(acme.org|acme.com)$/;