0

我试图仅通过在 setInterval 中检查输入文本并删除不是数字的字符来将输入文本限制为数字。现在到目前为止，这工作相对不错，但是我无法删除“特殊符号”。例如，如果我输入西班牙重音符号 ' 或像 ˇ 这样的符号，它应该在一个字符上，它会重置字段并且不会再次分配值，尽管该符号已从字符串中删除（如果我记录字符串，我可以看到它是）。

例子：

  1. 键入 123a => 'a' 已删除，输入包含 123
  2. 键入 123ˇ => 输入包含一个空字符串，尽管“文本”字符串包含 123 并且长度为 3。
  3. 键入 123 并在其后粘贴 ˇ => ˇ 删除，输入包含 123

这似乎与特殊符号不是......自立（？）并且需要超过接下来应该输入的字符这一事实有关。一些想法如何解决？谢谢你。

我有以下 HTML：

<body>
    <input type="text" id="input_field">
</body>

和 JS：

$("#input_field").focus(function(e) {
            console.log("got focus"+$(this).val());
            var obj = this;
            intID = setInterval(function() {restrictNumbers(obj)}, 10);
        });

        $("#input_field").blur(function(e) {
            console.log("got blur")
            clearInterval(intID);
        });

        function restrictNumbers(field) {
            var text = $(field).val();
            var caretPos;
            var modified = false;
            if(text.length > 0) {
                for(var i=0; i<text.length; i++) {
                    if(isNaN(text.charAt(i))) {
                        modified = true;
                        caretPos = field.selectionStart - 1;
                        text = text.replace(text.charAt(i), "");
                        i--;
                    }
                }
                $(field).val(text);
                if(modified) {
                    modified = false;
                    field.setSelectionRange(caretPos, caretPos);
                }
            }
        }

JSfiddle 示例：http: //jsfiddle.net/AvMZ5/

4

1 回答 1

0

你可以使用这个： -

jQuery.fn.ForceNumericOnly =
function()
{
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            var key = e.charCode || e.keyCode || 0;
            // allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
            // home, end, period, and numpad decimal
            return (
                key == 8 || 
                key == 9 ||
                key == 46 ||
                key == 110 ||
                key == 190 ||
                (key >= 35 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        });
    });
};

然后，您可以通过执行以下操作将其附加到您的控件：

$("#yourTextBoxName").ForceNumericOnly();

来源：- https://gist.github.com/wholypantalones/3083362

于 2013-07-08T17:48:47.513 回答