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位数。