Question

我正在使用bootstrap-inputmask.js在文本框上创建输入掩码。我有这个特定的文本框，其中有两个可能的掩码，当前掩码由复选框定义。我使用jQuery创建了这个脚本：

<script>
        $(document).ready(
        $("#phoneCheckbox").change(function() {
            if (this.checked) {
                $("#phoneTextBox").attr("data-mask", "(99) 9999-9999");
            } else {
                $("#phoneTextBox").attr("data-mask", "(99) 999-999-999");
            }
        }));    
    </script>

然而这不起作用：#phoneTextBox的属性数据掩码正在改变，但文本框本身的掩码不会改变！有人可以帮忙吗？

Answer 1

如果脚本在初始化时只读取data-mask属性一次并且在运行时没有提供API来更新掩码 - 那么如果你使用 two 那么它可能是最简单的输入字段，一个可见，一个隐藏，并根据您的复选框在这两个之间切换。

（如果您不希望当前不“活跃”的状态不提交表单的其余部分，也可以切换他们的disabled状态。）

在bootstrap-inputmask.js上动态更改掩码

1 个答案: