如何让jQuery MaskedInput unmask()函数正常工作？

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>