JQuery Inputmask 不显示分隔符

Posted 2023-05-08

【中文标题】JQuery Inputmask 不显示分隔符

【英文标题】：JQuery Inputmask not showing delimiters

【发布时间】：2019-01-12 15:01:32

【问题描述】：

我使用 RobinHerbots/Inputmask 来屏蔽输入字段。占位符显示正常。但是当我开始输入输入字段时，分隔符消失并且文本被取消屏蔽。

  $(function() 
      $('#my_id').inputmask("**-**-****-****",
      placeholder:"X", 
      clearMaskOnLostFocus: false );
    );


    <input type="text" id="my_id" />

https://jsfiddle.net/xnedg7wo/

如何使破折号保持不变？

谢谢！

【问题讨论】：

我尝试了另一种方式，但仍然是同样的问题：一旦我开始在该字段中输入，破折号就会消失。 $(document).ready(function() Inputmask.extendAliases(); Inputmask.extendAliases("custom": "alias":"--****-**** "); jQuery('#my_id').inputmask("custom"); );

【参考方案1】：

您正在使用最新的 4.x 脚本源的 GitHub URL...我看到 4 天前的提交 here。我不知道这是否直接相关。但是为什么不使用 cdnjs 上的稳定 3.3.4 捆绑包呢？

$(function() 
  $('#my_id').inputmask("**-**-****-****",
    placeholder:"X", 
    clearMaskOnLostFocus: false
  );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>

<input type="text" id="my_id" />

【讨论】：

使用 3.3.4 包解决了这个问题！谢谢！