使用html5表单中的模式匹配验证表单输入

Question

如何使用输入模式验证表单。我已经研究过w3schools模式属性但是无法以我的方式实现它。我希望以这种方式匹配我的表单输入。这是appid =＆＃34; EVISA2505550816＆＃34; 。此模式应在输入字段中匹配。在每个id IVISA中常见的是接下来的10位数字。

<form method="post" action="#">
<input type="text" id="appid" name="appid" pattern="" required>
<input type="submit" name="submit">
</form>

Answer 1

您只需在pattern属性中编写正则表达式： \ d表示你想要一个数字，而{10}意味着你想要这个数字10次。

请注意，如果第一个字母不总是E，您可以写[A-Z] VISA \ d {10}

＆＃13;

＆＃13;

<form method="post" action="#">
<input type="text" id="appid" name="appid" pattern="EVISA\d{10}" required>
<input type="submit" name="submit">
</form>

＆＃13;

＆＃13;

＆＃13;