如何解决 jquery mask 插件的问题？答案

【问题标题】：How to resolve problem with jquery mask plugin?如何解决 jquery mask 插件的问题？
【发布时间】：2019-12-18 08:34:42
【问题描述】：

我用这个插件做面具https://igorescobar.github.io/jQuery-Mask-Plugin/

我需要像这样开始面具 +38 (0XX) XXX-XX-XX

我对零有疑问（这是强制性的），现在我可以输入任何数字而不是零

我的代码：

 $('input[type="tel"]').mask("+38 (000) 000-00-00", {
    placeholder: "+38 (0XX) XXX-XX-XX",
    clearIfNotMatch: true
  });

如何正确？

【问题讨论】：

标签： javascript jquery jquery-plugins

【解决方案1】：

我想到了这个解决方案。但是在这种情况下需要手动填充零，在我的情况下我需要像 +38 一样自动填充。

根据你的评论，把translation和

结合起来就够了

后备数字：当用户为当前位置键入无效字符时，插件将用其后备替换它而不是删除它们。

因此，将以下行添加到您的掩码中就足够了：

translation: {X: {pattern: /0/, optional: false, fallback: '0'}}

...而且，您现在的代码是：

$('input[type="tel"]').mask("+38 (X00) 000-00-00", {
     placeholder: "+38 (0XX) XXX-XX-XX",
     clearIfNotMatch: true,
     translation: {X: {pattern: /0/, optional: false, fallback: '0'}}
 });

$('input[type="tel"]').mask("+38 (X00) 000-00-00", {
    placeholder: "+38 (0XX) XXX-XX-XX",
    clearIfNotMatch: true,
    translation: {X: {pattern: /0/, optional: false, fallback: '0'}}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>


<input type="tel">

【讨论】：

我想到了这个解决方案。但是在这种情况下需要手动填充零，我需要像 +38 一样自动填充。