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

【问题标题】：How to remove underline from jQuery input mask plugin textboxes如何从 jQuery 输入掩码插件文本框中删除下划线
【发布时间】：2015-12-17 17:35:28
【问题描述】：

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

【问题讨论】：

你试过设置占位符吗
不起作用，它最初是隐藏的，但只要我关注它，就会出现下划线

标签： javascript jquery jquery-inputmask

【解决方案1】：

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

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

或者以后再改：

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

【讨论】：

【解决方案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": "" });
});

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

这是我的html元素

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

在我的 jquery 中

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

结果就是我想要的

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

你必须像这样放置占位符

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

【讨论】：

【解决方案6】：

也许这会有所帮助。

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

例如，给定：

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

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

这在文档here 中。

这是一个例子：

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

【讨论】：

【解决方案7】：

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

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

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

【讨论】：

【解决方案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'));

【讨论】：