Question

我想在我的页面上输入一个输入，我希望默认拥有美国电话号码掩码。如果最终用户点击指定他们想要输入国际电话号码的复选框，我希望删除该掩码。

到目前为止，我已经尝试了多种方法并且没有成功。在当前项目中，我使用jQuery来隐藏/显示完全不同的输入。但我不喜欢这种选择，并希望采用更简化的方法。

我使用以下内容：

jQuery 1.4.1（即将升级到1.4.2）和jQuery.MaskedInput-1.2.2

<script type="text/javascript">
$(document).ready(function($) {
  if ($("#InternationalOfficePhone").attr('checked') == false) {
    $("#OfficePhone").mask("(999) 999-9999? x99999");
  }
});

$("#InternationalOfficePhone").click(function() {
  if ($("#InternationalOfficePhone").attr('checked') == true) {
    //$("#OfficePhone").mask(); //doesn't work
    //$("#OfficePhone").unmask(); //doesn't work
    $("#OfficePhone").unmask("(999) 999-9999? x99999"); //doesn't work
  } else {
    $("#OfficePhone").mask("(999) 999-9999? x99999");
  }
});
</script>

上面的代码可以正常设置默认掩码，但无论我尝试使用InternationalOfficePhone的click事件，它都不会删除掩码。

非常感谢任何帮助。

Answer 1

您无需将参数传递给unmask函数！在没有参数的情况下使用它并且效果很好。

$("#OfficePhone").unmask();

Answer 2

我能够找出使其运行的代码。以下是我现在使用的代码。

<script type="text/javascript">
$(function($) {
  $("#OfficePhone").mask("(999) 999-9999? x99999");
  $("#InternationalOfficePhone").click(function() {
    var mask = "(999) 999-9999? x99999";
    if ($("#InternationalOfficePhone").is(':checked')) {
      $("#OfficePhone").unmask(mask);
    } else {
      $("#OfficePhone").mask(mask);
    }
  });
});
</script>

Answer 3

我遇到了同样的问题，对我有帮助的是：

    var maskedInput = $("#id").data('mask');
    if (maskedInput) {
        maskedInput.remove();
    }

Answer 4

尝试使用:checked代替attr检查，我认为这就是问题所在。我的意思是在if条件中使用$('#InternationalOfficePhone').is(':checked')。

Answer 5

删除输入掩码：

$(selector).inputmask('remove');

或

var input = document.getElementById(selector);
if (input.inputmask)
  input.inputmask.remove()

或

Inputmask.remove(document.getElementById(selector));

Answer 6

我正在使用jQuery Mask Plugin v1.14.12

在我的情况下，.unmask()无法正常工作，因为我使用的选择器与第一次创建遮罩时使用的选择器不同。

例如，假设这是输入：

<input type="text" class="someclass maskme" value="" name="somename" />

蒙版是这样创建的：

$('.maskme').mask('0000');

然后，我试图按如下所示对其进行屏蔽，但无效：

$('.someclass').unmask();

一旦将其更改为以下内容，它就会按预期工作：

$('.maskme').unmask();

Answer 7

我正在使用query.maskedinput.js版本：1.4.1 我提到了 https://github.com/digitalBush/jquery.maskedinput/blob/bb66bf9b1c3eddd1d2349cee103127ae08d0a877/demo/index.html

揭秘是通过完成的 $（“input”）。blur（function（）{ $（“＃info”）。html（“Unmasked value：”+ $（this）.mask（））;

示例掩蔽是

$（“＃pannumber”）。mask（“aaaaa 9999 a”）;

取消屏蔽

$（“＃pannumber”）。blur（function（）{

var pannumber = $（this）.mask（）;

Answer 8

我使用的是 inputmask js 版本：5.0.2。

我正在使用以下技术进行屏蔽和取消屏蔽

$("#mailPhone").mask('(999) 999-9999'); //masking.

或

$('#mailPhone').inputmask('(999) 999-9999') //masking.

&

$('#mailPhone').inputmask("remove");  //unmasking.

如何让jQuery MaskedInput unmask（）函数正常工作？

8 个答案: