Javascript 表单字段的HTML必需字符集

我已经创建了一个带有用户名和密码字段的在线论坛。问题是，我想对输入添加限制，以清除无效的用户名格式。有效用户名将以前3个字符XYZ开头。我是否可以设置一个规则，如果用户名的前3个字母以ABC开头，提交按钮将变灰，并在与服务器检查之前显示一条消息，说明该用户名无效？但是，如果用户正确键入所需的起始格式字母，则“提交”按钮将启用

---

我尝试使用与电子邮件地址中所需的@符号相同的原则编写代码，但结果很奇怪。

最简单的方法是使用HTML5：

：无效{边框颜色：红色} 用户名：

---

是的，这是可能的。但是，你需要发布你尝试过的代码，在你的问题中显示你遇到的困难。同意，有一百万种方法可以做到这一点，让我们看看你的代码。你是最好的！我曾想过使用该模式属性，但当我在w3上读到它时，我有点困惑，但感谢您为我清理它！