表单提交后从输入掩码中删除文字吗？

Question

这个问题已经被问过，但解决方案尚不清楚。

我使用 Josh Bush 的 MaskedInput 插件来实现 jQuery

我想要实现的是：

例如：带有掩码的电话输入

    $("#txtPhone").mask("(99)9999-9999");

等于：(00)9398-8373

我希望它提交：0093988373

------ 是否可以删除.mask 提交但保留值？

Answer 1

我认为你想使用unmask

$("#myForm").submit(function() {
  $("#txtPhone").unmask();
});

Answer 2

初始化 inputmask 时将removeMaskOnSubmit 设置为 true

    $("#txtPhone").inputmask({removeMaskOnSubmit: true});

Answer 3

基于插件站点：

$("#txtPhone").val($("#txtPhone").mask()); 

Answer 4

unmask 不是一个函数。这是我的使用方式。 autoUnmask：true

    $('#amount').inputmask('999.999.999.999', {
        numericInput: true,
        autoUnmask: true,
    });

Answer 5

如果您使用的是完成的回调，那么您可以只使用：

$(element).mask("(99)9999-9999", {
  completed : function () {
    var numbers = this.val().replace(/()-/g,'');
  }
}

否则，您可以使用：

$(element).val().replace(/()-/g,'');

如果如果您想在提交之前执行此操作，我建议捕获提交事件，使用上面的代码，然后提交表单。

编辑： Alex Peattie 指出了 unmask() 函数，我必须说这是一个比我的更好的解决方案。我将在这里留下我的答案，但我会采用他的解决方案。

Answer 6

您还可以使用 Source 提取屏蔽输入上的原始值

$("#YourSelector").data( $.mask.dataName )();

： https://github.com /digitalBush/jquery.maskedinput/issues/318

示例
如果您使用带有此类掩码的 phone 输入：

$(".phone").mask("99 99 99 99 99")

您可以使用以下方式提取用户输入：

$(".phone").data($.mask.dataName)() 
// will produce "0102030405" while the masks displays 01 02 03 04 05

Answer 7

假设您提交的输入不止一个，您可以使用：

// unmask all inputs, before savinf;
$(FormObj+" input[type=text]").each(function() {
    $(this).unmask();
});

其中 FormObj 是您的表单对象 ID，例如#form。