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

Question

如何使用输入模式验证表单。我已经研究过w3schools模式属性但是无法以我的方式实现它。我希望以这种方式匹配我的表单输入。这是appid =“EVISA2505550816”。此模式应在输入字段中匹配。在每个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}

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