如何從 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'));