HTML表单正则表达式验证失效求助：含@字符内容未被拦截

让我们一步步拆解你的问题，找出正则失效的原因，并给出解决方案：

你当前正则的核心问题 #

1. 零宽断言的无效量词：(?!@)+ 和 (?!outlook.com)+ 里的 + 完全没用。负向预测断言是「零宽度」的，重复多次不会改变它的检查逻辑，反而容易让人误解它的作用。
2. 未转义的点字符：(?!outlook.com) 里的 . 是正则通配符（匹配任意字符），不是字面量的点。这意味着这个断言会拒绝 outlookXcom（X是任意字符），但不会精准拒绝 outlook.com。
3. 断言位置错误：你的断言都放在字符串末尾前，只能检查结尾位置的后续内容，无法确保整个字符串里没有 @，也没法正确阻止以目标域名结尾的输入。

针对你需求的修正方案 #

你的核心需求是：允许 xxx.yyy 格式的输入，禁止任何包含 @ 的内容，同时禁止以 outlook.com、gmail.com 结尾的输入（即使不带@）。

方案1：仅禁止含@的输入（满足基础需求）

如果只需要确保输入是 字母数字+.+字母数字 格式且不含@，用这个极简正则就足够了：

^[a-z0-9]+\.[a-z0-9]+$

它会自动拒绝任何含@的输入（因为@不在允许的字符集中），同时严格匹配 xxx.yyy 的双段格式。

方案2：额外禁止特定域名结尾

如果还要禁止像 john.outlook.com 这类不带@但以目标域名结尾的输入，用这个更精准的正则：

^[a-z0-9]+\.(?!outlook\.com$)(?!gmail\.com$)[a-z0-9]+$

这个正则的逻辑：

• ^[a-z0-9]+：匹配开头的用户名前缀
• \.：匹配字面量的点（必须转义）
• (?!outlook\.com$)(?!gmail\.com$)：确保点后面的内容不是 outlook.com 或 gmail.com（精准匹配结尾）
• [a-z0-9]+$：匹配结尾的用户名后缀，确保整个输入是双段格式

修正后的HTML代码 #

对应方案1的HTML实现：

<td>
  <input 
    type="text" 
    name="exchange_usertoadd" 
    required="required" 
    pattern="^[a-z0-9]+\.[a-z0-9]+$"
    placeholder="Enter Exchange Username" 
    value="" 
    size="30"
  >
</td>

对应方案2的HTML实现：

<td>
  <input 
    type="text" 
    name="exchange_usertoadd" 
    required="required" 
    pattern="^[a-z0-9]+\.(?!outlook\.com$)(?!gmail\.com$)[a-z0-9]+$"
    placeholder="Enter Exchange Username" 
    value="" 
    size="30"
  >
</td>

为什么之前HTML里验证失效？ #

你提到在regextester里有效但HTML里失效，大概率是因为：

• 原始正则里未转义的点导致断言逻辑错误，让你误以为含@的输入通过了（实际上含@的输入本就不符合原始正则的双段格式，应该被拒绝，可能是测试时的误解）。
• 零宽断言的错误写法让正则的逻辑变得混乱，无法正确执行你预期的检查。

内容的提问来源于stack exchange，提问作者Dixon Chaudhary