應用inputMask但將其隱藏在輸入中

Question

我正在使用此插件InputMask作為輸入的掩碼

<input type="text" data-bind="inputMask: { value: hourValue, mask: 'h:s t\\m', jitMasking: true, showMaskOnFocus: false, showMaskOnHover: false, hourFormat: '12', alias: 'datetime'}">

我想將此掩碼應用於輸入，但從不向用戶顯示。 我已經添加了所有可能的屬性，但是仍然不足以完全隱藏mask。

這是示例： https : //jsfiddle.net/sg7uvhdz/1/問題-當我刪除輸入中的最后一項時，我可以看到mask的第一個符號。

我能為每種情況藏起來嗎？

謝謝。

 $(function() { $("input").inputmask(); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/inputmask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/jquery.inputmask.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/inputmask.date.extensions.min.js"></script> <input type="text" data-inputmask="'mask': 'h:st\\\\m', 'jitMasking': true, 'showMaskOnFocus': false, 'showMaskOnHover': false, 'hourFormat': '12', 'alias': 'datetime'"> 

Answer 1

最好的選擇是不對輸入應用掩碼，然后在模糊上附加事件偵聽器，該事件偵聽器通過調用isValid來檢查輸入是否有效

就像是

var isValid = Inputmask.isValid("<input value>", { alias: "h:s t\\m"});

Answer 2

您可以使用oncleared方法實現所需的效果。

$(function(){

    $("input").inputmask({oncleared: function() {

     $("input").val("");

  }});
})

 $(function(){ $("input").inputmask({oncleared: function() { $("input").val(""); }}); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/inputmask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/jquery.inputmask.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.3/inputmask/inputmask.date.extensions.min.js"></script> <input type="text" data-inputmask="'mask': 'h:st\\\\m', 'jitMasking': true, 'showMaskOnFocus': false, 'showMaskOnHover': false, 'hourFormat': '12', 'alias': 'datetime'"> 

小提琴： https : //jsfiddle.net/c19f8vfm/