用于正确数据屏蔽的实时更新数据屏蔽属性

Question

我在表单上使用引导数据屏蔽。我有一个选择下拉菜单，用户可以在其中选择不同的卡类型。例如美国运通、Discover、Visa....

当用户选择美国运通时，我希望输入信用卡号的文本以将输入屏蔽为“5555-555555-55555”。当任何其他信用卡类型时，我希望输入掩码应为“5555-5555-5555-5555”。美国运通以外的信用卡为 16 位数字，美国运通卡为 15 位数字以及正确位置的连字符。

到目前为止，我的代码中都有这个

$(document).on("change", "#creditcardtype", function(){
    if($(this).val() == "American Express"){
        $("#Cnumber").attr("data-mask","9999-999999-99999");
    }else{
        $("#Cnumber").attr("data-mask", "9999-9999-9999-9999");
    }
});

此代码第一次更新数据掩码，如果卡片类型发生变化，下次不会更新。有什么帮助吗？？

Answer 1

不要更改属性，而是重新初始化所选字段的掩码。 例如

$(element).mask('099.099.099.099');