Question

我想制作一个输入类型掩码__ / __，仅使用数字jQuery就可以输入数字，而无需使用任何插件？

另一个问题：例如，用户输入3，输出显示将为3/9，（/ 9）将会出现，并且不可编辑，因为9将是最大页数，这可能实现？

Answer 1

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

掩码输入字段
输入字段只能接受number

所以我执行以下步骤：

将输入字段设置为password类型。
在键入时检测字符中的键（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>

jQuery Mask不使用插件初学者

1 个答案: