Css 输入元素模式正则表达式不工作

我希望字段变为绿色，因为它匹配4个字母和4个数字，如“blab1111”

这是正则表达式代码：

[A-Za-z]{4}+[0-9]{4}

我也试过

^[A-Za-z]{4}+[0-9]{4}$

我正在使用以下代码：

输入：无效{
背景：hsla（0,90%，70%，1）；
}
输入：有效{
背景：hsla（100,90%，70%，1）；
}

---

正则表达式中的

+

太多了。使用以下正则表达式：

[A-Za-z]{4}[0-9]{4}

或

[A-Za-z]{4}\d{4}

输入：无效{
背景：hsla（0,90%，70%，1）；
}
输入：有效{
背景：hsla（100,90%，70%，1）；
}

正则表达式中的
+
太多了。使用以下正则表达式：
[A-Za-z]{4}[0-9]{4}
或
[A-Za-z]{4}\d{4}


输入：无效{
背景：hsla（0,90%，70%，1）；
}
输入：有效{
背景：hsla（100,90%，70%，1）；
}

也试试这个

<input type='text' pattern="[A-Za-z]{4}\d{4}" required name='username' autocomplete="off" id='username' maxlength="50" />

[\u\l]
匹配大小写字母。
也可以尝试此操作

<input type='text' pattern="[A-Za-z]{4}\d{4}" required name='username' autocomplete="off" id='username' maxlength="50" />

[\u\l]
匹配大小写字母。
[A-Za-z]{4}
：字母表字符4次

+
：匹配一次或多次<代码>[A-Za-z]{4}
后跟
+
是错误的模式

[0-9]{4}
：数字4次。它可以是
\d{4}
的简写

然后，您可以删除
required
属性，因为它组合在模式中

正确的正则表达式：
[a-zA-Z]{4}[0-9]{4}
或
[a-zA-Z]{4}\d{4}
[a-zA-Z]{4}
：字母字符4次

+
：匹配一次或多次<代码>[A-Za-z]{4}

后跟

+

是错误的模式

[0-9]{4}

：数字4次。它可以是

\d{4}

的简写

然后，您可以删除

required

属性，因为它组合在模式中

---

正确的正则表达式：

[a-zA-Z]{4}[0-9]{4}

或

[a-zA-Z]{4}\d{4}

Oh jeezus。非常感谢你！我在regex101.com网站上尝试了带有“+”的regex代码，他们告诉我，它应该可以工作。“+”在某些服务器上可能是一个不规则的问题吗？在regex101中，在测试JS模式时选择JavaScript选项。啊，我明白了。非常感谢。哦，天哪。非常感谢你！我在regex101.com网站上尝试了带有“+”的regex代码，他们告诉我，它应该可以工作。“+”在某些服务器上可能是一个不规则的问题吗？在regex101中，在测试JS模式时选择JavaScript选项。啊，我明白了。非常感谢。然后，[A-Za-z]{4}一次或多次。这是一个错误的模式解释。

{4}+

使用PCRE选项进行测试，并将其解析为所有格量词。和PCRE中的

{4}+

=

{4}

。在JS正则表达式中，不允许对量词进行量化（除了

{1}？

这样的情况，当

？

生成一个惰性限制量词模式时-但同样，如果两个边界都指定了，这是有意义的，如

{1,4}

。@WiktorStribiżew谢谢！我刚刚编辑了解释，然后[A-Za-z]{4}一次或多次。这是一个错误的模式解释。

{4}+

使用PCRE选项进行测试，并将其解析为所有格量词。和PCRE中的

{4}+

=

{4}

。在JS正则表达式中，不允许对量词进行量化（除了

{1}？

这样的情况，当

？

生成一个惰性限制量词模式时-但同样，如果两个边界都指定了，这是有意义的，如

{1,4}

。@WiktorStribiżew谢谢！我刚刚编辑了解释