Strange behavior when switching between masks

I am trying to use two masks, one for American Express credit cards (9999 999999 99999) and one for everything else (9999 9999 9999 9999).

I almost have it, but I’m having a strange problem: as you can see below, when I type 37 the mask switches properly to the Amex one. However, when I erase the 7 and change it to an 8 to make the mask switch back, the 3 disappears.

Am I doing something wrong? Thanks for the help.

JSFiddle

$.extend($.inputmask.defaults.definitions, {
    'a': {  // matches 37 and 34, amex prefixes
        "validator": "3(4|7)",
        "cardinality": 2,
        'prevalidator': [{ validator: "3", cardinality: 1 }]
    },
    'o': {  // matches two-digit number except 34 and 37
        "validator": function (chrs, buffer, pos, strict, opts) {
            return /\d\d/.test(chrs) && chrs != "34" && chrs != "37";
        },
        "cardinality": 2,
        'prevalidator': null
    }
});

$('#x').inputmask({
    mask: ["o99 9999 9999 9999", "a99 999999 99999"]
});

[david-crespo]

LICEcap

A coworker showed it to me and I was immediately addicted. It is incredible.

[Doopin]

Now possible. Consider your field has this ID #cc

`$(“#cc”).on(“input”, function() { var value = $(“#cc”).val().replace(/\D/g, ‘’); var mask; if ((/^3[47]\d{0,13}$/).test(value)) { // American Express mask = ‘9999 999999 99999’ } else if ((/^3(?:0[0-5]|[68]\d)\d{0,11}$/).test(value)) { // Diner’s Club mask = ‘9999 999999 9999’ } else if ((/^\d{0,16}$/).test(value)) { // Other Credit Cards mask = ‘9999 9999 9999 9999’ } else { mask = ‘remove’ }

if($(‘#cc’).attr(‘data-currentmask’) != mask) { $(‘#cc’).attr(‘data-currentmask’, mask); $(‘#cc’).inputmask(mask, { placeholder: ‘’ }); } });`

I found this solution here