使用 jquery 创建文本输入组合？

Question

我想知道 jquery 是否可以使文本字段只接受 3 个字母和 4 个数字的组合（例如 ABC1234） - 按这个顺序？

Answer 1

http://jsfiddle.net/MEvj3/

这是一种方法的简化示例。

<input type="text" class="code" />

$("input.code").keyup(function(){
    this.value = this.value.match(/[A-Z]{3}([0-9]{1,4})?|[A-Z]{1,3}/i)[0];
});

Answer 2

$("#text-input").focusout(function(){
    var regex = "[\w]{3}[\d]{4}"
    if(this.value.match(regex)){
        // display success
    }else{
        /// display error
    }
});

Answer 3

如果您创建了一个带有 maxlength...

<input id="testy" type="text" maxlength="7" />

...那么您可以检查它的长度和 jQuery 的 e.which：

$('#testy').keydown(function (e) {
    var keycode = e.which,
        isLetter = keycode > 64 && keycode < 90,
        isNumber = keycode > 47 && keycode < 58,
        l = this.value.length;
    if (keycode !== 8 && ((l < 4 && !isLetter) || (l > 3 && !isNumber))) {
        e.preventDefault();
    }
});

请注意，有一些陷阱：

• 我不知道它的可移植性如何到不同的操作系统（使用 jQuery 时也许不是什么大问题）
• 我没有数字键盘，也许这些键码不同（使用 jQuery 时也许不是什么大问题）
• Del 按钮将老实说

，代码相当草率。它只是应该让人们理解基本的想法；您可能需要对其进行调整才能获得真正适合您的项目的东西。