javascript - HTML5 - 使用模式属性验证输入字段

Question

在向服务器发送序列号具有此确切格式的请求之前，如何在提交时验证表单字段:

 <input type="text" id="serial" placeholder="123AB-BCXH3-778F2-90763">

(20个字符，每5个字符用-分隔)

谢谢

回答

以前的标题是:Javascript 检查字符串格式

我的问题是如何使用 Javascript 进行验证，但下面的乔给出了一个使用正则表达式的好例子，我从未使用过正则表达式，但这是我今天学到的:

^\w{5}-\w{5}-\w{5}-\w{5}$ 其中我的序列号格式是 5 个字符后跟“-”

• \w => 是任意单词字符 a-z, A-Z, 0-9
• {5} => 数出 5 个字符
• \- => 反斜杠导致元字符被视为字符，这里是“-”
• $ => 字符串结束
• ^ => 起始位置

Answer 1

这是一个functional fiddle

<form>
    <input type="pid"  id="pid" maxlength="23" pattern="^\w{5}\-\w{5}\-\w{5}\-\w{5}$" required value="123AB-BCXH3-778F2-90763" size="35"/>

    <input type="submit" value="Submit" />
</form>