下面是我喜欢使用的一个很好的简单的解决方案:

function numeric_only (event, input) {
    if ((event.which < 32) || (event.which > 126)) return true; 
    return jQuery.isNumeric ($(input).val () + String.fromCharCode (event.which));
}// numeric_only;

<input type="text" onkeypress="return numeric_only (event, this);" />

解释:

使用“事件。-首先确定它是否是一个可打印字符。如果不是，那么允许它(如删除和退格)。否则，将字符连接到字符串的末尾，并使用jQuery的“isNumeric”函数测试它。这样就避免了测试每个角色的单调乏味，也适用于剪切/粘贴场景。

如果你想变得更可爱，那么你可以创建一个新的HTML输入类型。让我们称它为“numeric”，这样你就可以有这样的标签:

<input type="numeric" />

它只允许数字字符。只需添加下面的“文档”。准备好”命令:

$(document).ready (function () {
    $("input[type=numeric]").keypress (function (event) {
        if ((event.which < 32) || (event.which > 126)) return true; 
        return jQuery.isNumeric ($(this).val () + String.fromCharCode (event.which));
    });// numeric.keypress;
});// document.ready;

HTML并不关心你使用的类型名称-如果它不识别它，那么它将默认使用一个文本框，所以你可以这样做。你的编辑可能会抱怨，但这就是问题所在。毫无疑问，清教徒会抓狂，但它很有效，很简单，到目前为止对我来说还很强大。

更新

这里有一个更好的方法:它考虑到文本选择，并使用本地javascript:

verify (event) {
    let value = event.target.value;
    let new_value = `${value.substring (0, event.target.selectionStart)}${event.key}${value.substring (event.target.selectionEnd)}`;
    if ((event.code < 32) || (event.code > 126)) return true;
    if (isNaN (parseInt (new_value))) return false;
    return true;
}// verify;

有一个更简单的解决方案，之前没有人提到过:

inputmode="numeric"

阅读更多信息:https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

您可以尝试使用" 'onkeydown " '事件并取消事件(事件。preventDefault或类似的)当它不是允许的键之一。

如果你想建议设备(可能是手机)在alpha和数值之间，你可以使用<input type="number">。

我一直在努力寻找一个好的答案，我们迫切需要<input type="number"，但除此之外，这2个是我能想出的最简洁的方法:

<input type="text" 
           onkeyup="this.value=this.value.replace(/[^\d]/,'')">

如果您不喜欢未被接受的字符在被擦除之前显示一秒钟，下面的方法是我的解决方案。注意许多附加条件，这是为了避免禁用各种导航和热键。如果有人知道如何紧实这个，让我们知道!

<input type="text" 
onkeydown="return ( event.ctrlKey || event.altKey 
                    || (47<event.keyCode && event.keyCode<58 && event.shiftKey==false) 
                    || (95<event.keyCode && event.keyCode<106)
                    || (event.keyCode==8) || (event.keyCode==9) 
                    || (event.keyCode>34 && event.keyCode<40) 
                    || (event.keyCode==46) )">

HTML5有<input type=number>，这听起来很适合你。目前，只有Opera原生支持它，但有一个项目有一个JavaScript实现。