17

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

我尝试了多种方法，到目前为止都没有成功。在当前项目中，我使用 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 的点击事件上尝试什么，它都不会删除掩码。

任何帮助深表感谢。

4

8 回答 8

30

您不需要将参数传递给unmask函数！不带参数使用它，效果很好。

$("#OfficePhone").unmask();
于 2010-12-03T19:11:01.727 回答
20

我能够找出让它工作的代码。下面是我现在使用的代码。

<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>
于 2010-04-05T20:13:29.463 回答
3

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

    var maskedInput = $("#id").data('mask');
    if (maskedInput) {
        maskedInput.remove();
    }
于 2015-01-06T07:15:49.090 回答
3

删除输入掩码：

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

或者

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

或者

Inputmask.remove(document.getElementById(selector));
于 2017-03-08T08:34:08.720 回答
2

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

于 2010-04-05T19:23:49.527 回答
2

我正在使用jQuery Mask 插件 v1.14.12

就我而言，它.unmask()不起作用，因为我使用的选择器与第一次创建蒙版时使用的选择器不同。

例如，假设这是输入：

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

面具是这样创建的：

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

然后，我试图按如下方式揭开它，但它不起作用：

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

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

$('.maskme').unmask();
于 2020-07-01T21:03:01.537 回答
1

我正在使用query.maskedinput.js 版本：1.4.1

揭露是由

$("input").blur(function() {
    $("#info").html("Unmasked value: " + $(this).mask());
});

示例掩蔽是

$("#pannumber").mask("aaaaa 9999 a");

揭露

$("#pannumber").blur(function() { 
    var pannumber=  $(this).mask() ;
});
于 2017-07-13T08:37:58.090 回答
0

我正在使用 inputmask js 版本：5.0.2。

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

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

或者

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

&

$('#mailPhone').inputmask("remove");  //unmasking.
于 2021-07-28T07:26:28.350 回答