应用 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'}">

我想将此掩码应用于输入，但从不向用户显示。我已经添加了我发现的所有可能的属性，但仍然不足以隐藏掩码。

示例如下：https://jsfiddle.net/sg7uvhdz/1/ 问题 - 当我删除输入中的最后一项时，我可以看到掩码的第一个符号。

我可以为每个案例隐藏它吗？

谢谢。

$(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:s t\m', 'jitMasking': true, 'showMaskOnFocus': false, 'showMaskOnHover': false, 'hourFormat': '12', 'alias': 'datetime'">

Answer 1

您最好的选择可能是不对该输入应用掩码，然后在 blur 上附加一个事件侦听器，通过调用 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:s t\m', 'jitMasking': true, 'showMaskOnFocus': false, 'showMaskOnHover': false, 'hourFormat': '12', 'alias': 'datetime'">

fiddle : https://jsfiddle.net/c19f8vfm/

应用 inputMask 但将其隐藏在输入中

Apply inputMask but hide it in input

javascript

jquery

html

jquery-inputmask