1

我使用这个插件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'">

4

2 回答 2

0

您最好的选择可能是不在该输入上应用掩码,然后在 blur 上附加一个事件侦听器,该侦听器通过调用检查输入是否有效isValid

就像是

var isValid = Inputmask.isValid("<input value>", { alias: "h:s t\\m"});
于 2016-12-13T15:10:08.890 回答
0

您可以使用 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'">

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

于 2016-12-13T15:17:54.910 回答