下面是我用来阻止击键的。这只允许数字0-9和小数点。易于实现，不需要大量代码，并且工作起来很有魅力:

<script>
function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    } else {
        return true;
    }      
}
</script>

<input value="" onkeypress="return isNumberKey(event)">

我使用了James Nelli的答案，并添加了onpaste="return false;"(Håvard Geithus)以确保输入中只输入整数。即使你尝试粘贴，它也不会允许。

如果希望限制输入(而不是验证)，可以使用键事件。就像这样:

<input type="text" class="numbersOnly" value="" />

And:

jQuery('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

这将立即让用户知道他们不能输入alpha字符等，而不是在验证阶段之后。

您仍然需要验证，因为输入可能是通过鼠标剪切和粘贴来填充的，也可能是通过表单自动补全程序填充的，这可能不会触发键事件。

更新

有一个新的非常简单的解决方案:

它允许你对文本<input>， 包括各种数字滤波器。这将正确处理 复制+粘贴，拖放，键盘快捷键，上下文菜单操作， 不可输入键，以及所有键盘布局。

看看这个答案或者自己在JSFiddle上试试。

jquery。数字插件

我已经成功地实现了许多形式与jquery。数字插件。

$(document).ready(function(){
    $(".numeric").numeric();
});

此外，这也适用于文本区域!

但是，请注意，Ctrl+A，复制+粘贴(通过上下文菜单)和拖放将不能正常工作。

HTML 5

随着对HTML 5标准的广泛支持，我们可以为输入元素使用模式属性和数字类型来限制只输入数字。在一些浏览器(特别是谷歌Chrome)中，它也可以限制粘贴非数字内容。关于number和其他更新的输入类型的更多信息可以在这里找到。

你看不到字母的神奇出现和消失的关键下来。这也适用于鼠标粘贴。

$('#txtInt').bind('input propertychange', function () {
    $(this).val($(this).val().replace(/[^0-9]/g, ''));
});

这很简单，我们已经有一个javascript内置函数“isNaN”在那里。

$("#numeric").keydown(function(e){
  if (isNaN(String.fromCharCode(e.which))){ 
    return false; 
  }
});