限制文本框的"仅数字"输入的最佳方式是什么?

我在寻找允许小数点的东西.

我看到很多例子.但尚未决定使用哪一种.

Update from Praveen Jeganathan

不再有插件,jQuery已经实现了在v1.7中添加的自己的jQuery.isNumeric(). 请参阅:https://stackoverflow.com/a/20186188/66767

推荐答案

Update

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

它允许你在一个文本<input>上使用any种输入过滤, 包括各种数字滤波器.这将正确处理 复制+粘贴、拖放、键盘快捷键、上下文菜单操作 不可打字的键和所有键盘布局.

this answer张或者自己试一下on JSFiddle张.

jquery.numeric plugin

我已经用jquery.numeric插件成功地实现了许多表单.

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

此外,这也适用于文本!

但是,请注意,Ctrl+A、Copy+Paste(通过上下文菜单)和Drag+Drop将按预期工作.

HTML 5

随着对HTML5标准的更广泛支持,我们可以对input个元素使用pattern属性和number类型来限制仅数字输入.在某些浏览器(特别是Google Chrome)中,它还可以限制粘贴非数字内容.有关number和其他较新输入类型的更多信息,请参阅here.

Jquery相关问答推荐

使用 Bootstrap 3 下拉菜单作为上下文菜单

在文本框中的最后一个字符之后设置焦点

元素上的 jQuery Change 事件 - 有什么方法可以保留以前的值?

jQuery Mobile:动态添加内容的标记增强

数据表警告(表 id = 'example'):无法重新初始化数据表

如何访问 JSON 对象名称/值?

Google Maps API v3 infowindow 关闭事件/回调?

如何在jQuery中 Select 具有特定ID的所有元素?

如何重新启用 event.preventDefault?

模态窗口中的 Twitter Bootstrap Datepicker

为什么不推荐$().ready(handler)?

使用 jquery 在 radio 上单击或更改事件

$(document).on("click"... 不工作?

带有 jQ​​uery 的饼图

更改 Eclipse 设置以忽略特定文件上的错误

在Javascript中判断isEmpty?

判断 JS 对象中是否存在键

在ajax请求中检测重定向?

我可以通过 JavaScript 禁用 CSS :hover 效果吗?

如何将键和值都推送到 Jquery 中的数组中