javascript - 输入字段 : limit the number of letters and numbers typed

Question

有没有办法限制允许在输入字段中输入的字母和数字的数量？我只想以任何顺序输入 3 个字母和 2 个数字。

使用 jQuery Mask Plugin 是否可行？ ？还是不行？

在这里查看我的 jsFiddle:http://jsfiddle.net/0akoL2x2/

html:

<input type="text" class="preview" size="30" placeholder="Preview text" class="text-input" maxlength="5" autofocus />

j查询:

jQuery('.personalisation').mask("XXXZZ", {
        translation: {
            'X': {pattern: /[A-Za-z0-9]/},
            'Z': {pattern: /[A-Za-z0-9]/},
    }

Answer 1

使用数据属性怎么样？我们称它为 data-temp:

<input type="text" class="alnum" maxlength="5" data-temp="">

使用$(document).on('input'... 监控所有变化(甚至是动态元素)，如果新值超过最大值则立即恢复。否则，让它发生，并将 data-temp 更新为这个新值。

$(document).on('input', '.alnum', function(){
    var txt = $(this).val();
    if(
        txt.replace(/[^0-9]/g,"").length > 2 ||
        txt.replace(/[^A-Za-z]/g,"").length > 3 ||
        txt.replace(/[a-zA-Z0-9]/g,"").length != 0
      ){
        $(this).val( $(this).data('temp') );
        return;
    }
    $(this).data('temp', txt);
});

JSFiddle demo