我正在尝试使用 jQuery 使用以下掩码“########-##.####.7.09.009”屏蔽用户输入,因此当用户开始输入时,它会像这样:
1______-__.____.7.09.009(用户输入 1)
12_____-__.____.7.09.009(用户输入 2)
123____-__.____.7.09.009(用户输入 3)
依此类推,直到到达“7.09.009”部分。
用户不应该能够编辑那个部分,它就像一个固定的占位符。我已经尝试使用Jasny 的输入掩码并取得了一些成功,但是由于数字被 0 掩码并且固定后缀有 0,它允许用户在固定部分中输入零的位置。我没有找到将数字占位符从 0 替换为其他内容的方法,因为我认为这可以解决我的问题。
然后我找到了另一个jQuery 掩码插件,它允许我使用 # 掩码数字,但由于它也将 0 识别为数字的占位符,因此最终无法正常工作。我还尝试创建一个自定义蒙版,如下所示:
$("#numero-processo").mask('0000000-00.0000.A.BC.BBC',
{placeholder: "_______-__.____.7.09.009",
'translation': {
A: {pattern: /[7]/},
B: {pattern: /[0]/},
C: {pattern: /[9]/}
}});
这在某种程度上有效,但是当用户到达固定后缀部分时,(他/她)必须实际输入后缀“7.09.009”,这是由于自定义掩码而唯一允许的内容. 但是,我不希望用户输入后缀,它需要在那里修复。有谁知道如何做到这一点?谢谢你。
您可以使用此库完成此操作
<script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script>
您的 javascript 将是:
<input id="numero-processo" placeholder="_______-__.____.7.09.009" />
<script>
$(document).ready(function(){
$("#numero-processo").inputmask("9999999-99.9999.7.0\\9.00\\9");
});
</script>
这是一个 jsfiddle:https ://jsfiddle.net/3kyau2p8/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句