如何从 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

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

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

Answer 4

您也可以使用 data-placeholder="" 并像这样进行初始化。此致

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

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。

这在文档中 here。

这是一个例子：

        $("#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'));

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

How to remove underline from jQuery input mask plugin textboxes

javascript

jquery

jquery-inputmask