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

Question

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

Answer 1

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

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

或者之后更改它：

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

Answer 2

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

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

Answer 3

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

$(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 4

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

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

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

Answer 5

也许这会有所帮助。

当clearMaskonlostfocus：true设置在选项（默认）中时，掩码在未填充时将清除可选零件，并且仅如果可选零件在蒙版的末端，则只有此功能。

例如，给定：

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

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

这在此处的文档中。

这是一个例子：

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

Answer 6

添加这 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'));

Answer 7

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

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

Answer 8

这是我的 html 元素

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

在我的jQuery中

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

结果就是我想要的

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

你必须像这样放置占位符

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