javascript 用数字、字母和特殊字符按特定顺序验证表单输入？

Question

我希望用户键入的输入采用以下格式之一:

D345/98765/2030
D345s/98765/2030

让我尝试解释一下。它应该以:

• 一个字母(大写或小写)
• 后跟最多 3 个数字
• 然后是另一个可选的单个字母，可以是大写或小写
• 然后是正斜杠，后跟最多五个数字
• 然后是另一个正斜杠，后面紧跟 4 个数字。

顺便提一下，不允许有空格。我是这个验证的新手，任何帮助将不胜感激。我检查了现有的问题，但没有一个能令人满意地回答这个问题。请帮助我处理 JavaScript 代码，这是我的输入代码:

<div class='control-group'>
    <!-- Reference-->
    <div class='controls'>
        <input required type='text' autocomplete='off' id='reference' name='reference' placeholder='Enter your reference number'>
    </div>
</div>

Answer 1

也许这个regex是您正在寻找的:

^[a-zA-Z]\d{1,3}[a-zA-Z]?\/\d{1,5}\/\d{4}$

• 从字符串开头开始^
• 一个字母(不区分大小写)[a-zA-Z]
• 最多 3 个数字\d{1,3}
• 可选的单个字母(不区分大小写)[a-zA-Z]?
• 正斜杠\/
• 最多五个数字\d{1,5}
• 正斜杠\/
• 正好 4 个数字 \d{4
• 到字符串末尾$

编辑:根据您关于“无效引用号”警报的问题

您可以像这样实现代码:

function ValidateInput() {
    var textBoxvalue = document.getElementById('reference').value;
    var pattern = /^[a-zA-Z]\d{1,3}[a-zA-Z]?\/\d{1,5}\/\d{4}$/;
    if (pattern.test(textBoxvalue)) {
        alert('Good to go');
    }
    else {
        alert('Invalid reference number');
    }
}