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

您最好的选择可能是不对该输入应用遮罩，然后在模糊处附加事件监听器，通过调用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'">

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

应用inputMask但将其隐藏在输入

2 个答案: