如何使用 2 个大写字母和数字创建验证？

Question

假设这是学生 ID CC201801194 ，我想限制输入像这样的小写字母cc20181194 。 它们应该只输入 2 个字符串 9 个数字。

这就是我得到的：

$.validator.addMethod("noCaps", function(value, element) {
   return this.optional(element) || /[A-Z]{2}/.test(value); 
});

Answer 1

可以使用模式属性在 HTML 标记（没有任何 JS）中直接实现。

<input type="text" pattern="[A-Z]{2}[0-9]{9}">

 input + span:after { position: absolute; padding-left: 5px; } p.hint { display: none; } input:valid + span:after { content: "✓"; } input:placeholder-shown + span:after{ content: ""; } input:invalid + span:after { content: "✖"; } input:invalid + span + p.hint { display: block; }

 <form> <input type="text" pattern="[AZ]{2}[0-9]{9}" Placeholder="Student ID"> <span class="validity"></span> <p class="hint">Student ID must be 2 capitals and 9 numbers.</p> </form>

Answer 2

尝试这个：

$.validator.addMethod("noCaps", function(value, element) {
   return this.optional(element) || /[A-Z]{2}[0-9]{9}/.test(value); 
});

Answer 3

尝试这个：

$("#...").keydown(function(e) {
    var test = /[A-Z]{2}[0-9]{9}/; //regex
    //...      
});