将文本字段限制为仅数字的最佳方法?

问题描述

我正在使用以下 Javascript 将我网站上的文本字段限制为仅接受数字输入，不接受其他字母或字符.问题是，它真的拒绝所有其他键输入，例如 ctrl-A 来选择文本，甚至拒绝任何其他浏览器功能，例如 ctrl-T 或 ctrl-W 选择文本框时.有谁知道更好的脚本只允许数字输入，但不阻止正常命令(不直接输入到字段中)?谢谢这是我现在使用的代码:

I'm using the following Javascript to restrict a text field on my website to only accept numerical input, and no other letters or characters. The problem is, it REALLY rejects all other key inputs, like ctrl-A to select the text, or even any other browser functions like ctrl-T or ctrl-W while the text box is selected. Does anyone know of a better script to only allow numerical input, but not block normal commands (that aren't being directly input into the field)? Thanks Here is the code I'm using now:

function numbersonly(e, decimal) 
{
    var key;
    var keychar;

    if (window.event) 
        key = window.event.keyCode;
    else if (e) 
        key = e.which;
    else 
        return true;

    keychar = String.fromCharCode(key);

    if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27))
       return true;     
    else if ((("0123456789").indexOf(keychar) > -1))
       return true;
    else if (decimal && (keychar == "."))
       return true;        
    else
       return false;
}

所提供的解决方案都没有解决我在选择文本框时允许像 ctrl-A 这样的命令的问题.这就是我在这里询问的重点，所以我又回到了使用我原来的脚本.哦，好吧.

None of the solutions provided have solved my problem of allowing commands like ctrl-A while the text box is selected. That was the whole point of my asking here, so I have gone back to using my original script. Oh well.

推荐答案

这是我另一次为数字制作的东西，它也将允许所有格式化程序.

This is something I made another time for just numbers, it will allow all the formatters as well.

$('input').keypress(function(e) {
    var a = [];
    var k = e.which;

    for (i = 48; i < 58; i++)
        a.push(i);

    if (!(a.indexOf(k)>=0))
        e.preventDefault();
});​

试试看

http://jsfiddle.net/zpg8k/

请注意，为了粘贴/上下文菜单和不支持粘贴事件的浏览器，您还需要在提交/服务器端进行过滤.

As a note, you'll want to filter on submit/server side as well, for sake of pasting/context menu and browsers that don't support the paste event.

我看到您在已接受"的答案周围蹦蹦跳跳，所以我会澄清一些事情.您可以真正使用此处列出的任何方法，它们都有效.我个人会使用我的实时客户端过滤，然后在提交和服务器端使用其他人建议的 RegEx.但是，没有任何客户端本身是 100% 有效的，因为没有什么能阻止我输入 document.getElementById('theInput').value = 'Hey, letters.';在控制台中并绕过任何客户端验证(轮询除外，但我也可以从控制台取消 setInterval ).使用您喜欢的任何客户端解决方案，但请确保您在提交和服务器端也实现了一些东西.

$('input').keypress(function(e) {
    var a = [];
    var k = e.which;

    for (i = 48; i < 58; i++)
        a.push(i);

    if (!($.inArray(k,a)>=0))
        e.preventDefault();
});​