HTML 5模式允许数字值最多4个字符加破折号加数字字符最大11个字符吗？

Question

我的输入字段应仅接受以下格式：number (4 characters max) - number (11 characters max)。我有这个模式，但是不会强迫用户以这种格式输入数字，例如：3453-24

代码如下：

<input type="text" name="search_value" id="search_value" placeholder="Example: 0421-055" pattern="[0-9]+([-][0-9]+)?" title="ID allows dash and numeric characters only" maxlength="12" required="required">

是否可以使用模式正则表达式验证这种输入？

Answer 1

尝试使用此模式：

pattern="[0-9]{1,4}-[0-9]{1,11}"

Demo

这将允许连字符的每一侧少至一位数字，而LHS最多允许4位或RHS最多允许11位。