为信用卡制作输入字段[重复]

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();
    });
});