如何从 jQuery 输入掩码插件文本框中删除下划线

Question

我想从使用 jQuery inputmask 插件实现的屏蔽输入中删除下划线 - http://github.com/RobinHerbots/jquery.inputmask

Answer 1

要移除蒙版，请使用placeholder选项。 为占位符分配一个空字符串，删除掩码。 您可以在创建蒙版时分配占位符：

$('input').inputmask("mask name", {"placeholder": ""});

或者之后更改它：

$('input').inputmask({"placeholder": ""});

Answer 2

您可以像这样指定占位符（默认为 _）：

$(document).ready(function(){
   $("#date").inputmask("d/m/y",{ "placeholder": "dd/mm/yyyy" });
});

占位符也可以是单个字符，在这种情况下，它会在输入的整个长度内重复。

$(document).ready(function(){
   $("#code").inputmask("aaaa",{ "placeholder": "*" });
});

因此，要删除它，请指定一个空的占位符，例如：

$(document).ready(function(){
   $("#noplaceholder").inputmask("aaaa",{ "placeholder": "" });
});

Answer 3

您也可以使用 data-placeholder="" 并像这样初始化。 问候

PD：我正在使用 Jasny： http : //www.jasny.net/bootstrap/javascript/#inputmask-examples

Answer 4

$(document).ready(function(){
   $('#code').inputmask({ "placeholder": "" });
   $( "#code" ).focus(function() {
   $('#code').inputmask({ "placeholder": "" });
});
});

如果它也显示在焦点事件上，那么试试这个

Answer 5

这是我的 html 元素

<input dir="ltr" type="tel" name="SecretaryPhone">

在我的 jquery

$('input[type="tel"]').mask('(999) 999-9999', { placeholder: "X" });

结果就是我想要的

但在某些版本（我不知道）中，替换技术是被告，

你必须像这样放置占位符

{ placeholder: "(XXX) XXX-XXXX" }

Answer 6

也许这会有所帮助。

当在选项中设置 clearMaskOnLostFocus: true 时（默认），掩码将在未填写时清除可选部分，这仅在可选部分位于掩码末尾的情况下。

例如，给定：

$('#test').inputmask('999[-AAA]');

当该字段具有焦点且为空白时，用户将看到完整的掩码- 。 当掩码的必填部分被填满并且字段失去焦点时，用户将看到123。当掩码的必填部分和可选部分都填写并且字段失去焦点时，用户将看到123-ABC。

这在此处的文档中。

下面是一个例子：

        $("#whatever").inputmask("a{0,4}", {
            clearMaskOnLostFocus: true
        });

Answer 7

您可以删除与模块代码上的“_”对应的默认掩码值。

路径： /node_modules/react-input-mask/lib/react-input-mask.development.js （也是文件 react-input-mask.production.min.js）

将var defaultMaskChar = "_"更改为： var defaultMaskChar = ""

Answer 8

添加这 3 个选项

placeholder: ' ',
showMaskOnHover: false,
showMaskOnFocus: false

像这儿：

var inputmask = new Inputmask({
        mask: ["9{1,3}-A{1,2}-9{1,2}", "A{1,2}-9{1,3}-A{1,2}"],
        keepStatic: true,
        placeholder: ' ',
          showMaskOnHover: false,
          showMaskOnFocus: false
    });
    inputmask.mask($('#carteGriseImmatriculation'));