繁体   English   中英

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

[英]Apply inputMask but hide it in input

我正在使用此插件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'"> 

最好的选择是不对输入应用掩码,然后在模糊上附加事件侦听器,该事件侦听器通过调用isValid来检查输入是否有效

就像是

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM