为信用卡创建输入字段

Question

我想创建一个信用卡输入字段，其中有4个字段。前3个字段的字符数限制为4，然后最后一个字段有5个（由于Amex有额外的数字）。

我尝试创建的功能意味着当字符限制达到其限制时，它将标签到下一个字段。

我认为这是通过Jquery完成的最简单的方法。我想这个逻辑可以起作用：

如果字段值== limit，则将焦点转移到下一个字段。那会是这样做的吗？或者有更好的方法吗？

Answer 1

全部给他们class="ccInput"，然后使用jQuery：

$(function(){
    $('.ccInput').not(':last').keyup(function(){
        if($(this).val().length == Number($(this).attr('maxlength')))
            $(this).next('.ccInput').focus();
    });
});