我的表单中有一个输入字段。我希望能够仅通过此输入字段中的数字。
例如:(我的剪贴板 W123W000 上的一些随机字符)
应粘贴 = 123000
注意:仅适用于 Chrome 浏览器
我一直在网上搜索,到目前为止我想到了这个,但它不能正常工作。
var inputBox = document.getElementsByClassName('numbersOnly');
inputBox.onchange = function () {
inputBox.value = inputBox.value.replace(/[^0-9]/g, '');
}
<input id="number" type="number" class="numbersOnly">
使用 jQuery
为了跨浏览器兼容性并绑定(bind)事件 input
处理每一个变化。
Firefox: <input type="number">
elements automatically invalidate any entry that isn't a number (or empty, unless required is specified).
可以改成type=text
,但您将失去设备中的数字键盘行为。
var inputBox = $('.numbersOnly').on('input', function(e) {
e.preventDefault();
$(this).val($(this).val().replace(/[^0-9]/g, ''));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="number" type="text" class="numbersOnly">