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

Question

我在我的表单上使用启动数据屏蔽。我有一个选择下拉菜单，用户可以选择不同的卡类型。例如American Express，Discover，Visa ....

当用户选择美国运通时，我将信用卡号的文本输入设置为屏蔽输入为“5555-555555-55555”。当任何其他信用卡类型然后我想要inout面具应该是“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');