不使用插件初学者的 Jquery Mask [重复]

Question

我想做一个输入类型掩码 __/__ 只能输入数字而不使用任何插件 纯 jquery 有什么提示吗？

另一个问题：例如，用户输入 3，输出显示将是 3/9，(/9) 将仅存在且不可编辑，因为 9 将是最大页数，这可能吗？达到？

Answer 1

据我了解，您的问题是如何执行以下操作：

1. 掩码输入字段

2. 输入框只能接受number

所以我做了以下步骤：

1. 将输入字段设为password类型。

2. 键入时检测字符中的键（keypress在值更改之前完成），然后当字符不是数字时不要更改现有值。

我添加了一个按钮，您可以单击它来显示当前值。

$('#in').keypress(function(event){
  var reg = /[0-9]/g;
  var key = String.fromCharCode(event.keyCode);
  if(!reg.test(key))
    return false;
})

$('#show').click(function(event){
  alert($('#in').val());
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="in" type="password"/>

<br />

<button id="show">Show Value</button>

更新

下面是this plugin的例子。

这可能满足您的要求。

$('#inputtext').securenumbermask({mask:'_',maxlength:15});

$('#show').click(function(event){
  alert($('#inputtext-original').val());
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.jqueryscript.net/demo/jQuery-Plugin-To-Mask-Numbers-In-Text-Field-Secure-Number-Mask/js/securenumbermask.js">
</script>

<input class="form-control" type="text" id="inputtext" value="123" input-original="inputtext-original">

<input id="inputtext-original" type="hidden" value="**">

<br />

<button id="show">Show Value</button>