Question

我创建了一个包含用户名和密码字段的在线论坛。问题是我想在输入上添加限制以清除无效的用户名格式。（有效用户名将以前3个字符作为XYZ开头）。无论如何，我可以建立一个规则，如果用户名STARTS的前三个字母让我们说ABC，那么提交按钮会变灰并显示一条消息，说明该用户名在与服务器核对之前无效？但是，如果用户正确键入所需的开始格式字母，那么将启用“提交”按钮吗？

我尝试使用与电子邮件地址中所需的@符号相同的主体来制作代码，但结果却很奇怪。

Answer 1

最简单的方法是使用HTML5 pattern attribute：

<style>
:invalid { border-color: red }
</style>
<form>
<label for=uname>Username:</label>
<input id=uname name=uname type=text pattern="XYZ.*">
<p><input type=submit value=Submit>
</form>

该示例使用CSS来指示带有红色边框的无效字段，以供说明。

代码接受任何以XYZ（区分大小写）开头的字符串，包括字符串XYZ。根据需要进行修改。

由于pattern属性不受普遍支持，您可能希望添加执行类似检查的JavaScript代码。在其中，使用正则表达式（如pattern属性）是最简单的方法。

HTML表单字段所需的字符集

1 个答案: