[英]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.