如何使用 jquery 和 regex 验证十进制字段？

Question

这是我目前所拥有的：

$j(element)..keypress(function(e){
        var val = $j(this).val();
        if (("1234567890.").indexOf(e.charCode) > -1){
            if (val.length > 0){
                var regex = /(\+|-)?(\d*\.\d*)/;
                if (regex.test(val)){
                    return true;
                } else {
                    return false;
                }       
            } else {
                return true;
            }
        } else {
            return false;
        }
    });

但由于某种原因，文本字段只允许一个字符...甚至一个数字

Answer 1

这会检查一个十进制数，带有可选的 +/- 符号字符。在 google 中找到不到 5 秒。 /^\s*(\+|-)?((\d+(\.\d+)?)|(\.\d+))\s*$/

Answer 2

首先，回报不应该是相反的吗？ true 如果测试成功，false 否则？

其次，正则表达式中的. 表示“任何字符”。如果您只想匹配一个点，请使用\.

这样你的正则表达式就可以工作了。但是，为了获得更好的结果，请使用 elclanrs 提供的正则表达式。

注意：keypress 运行时，该值似乎仍未更改，因此匹配的是旧值，而不是新值。

更新：这不是理想的解决方案，但仍然可以使用 - 您可以使用 this question 中的代码来观察输入值的变化（它不过使用轮询）：

$(element).watch("value", function(propName, oldVal, newVal) {
    var regex = /^(\d*\.?\d*)$/;
    if (!regex.test(newVal)){
        $(this).val(oldVal);
    }
});

Answer 3

在@elclanrs 和@mgibsonbr 的帮助下，我得出了这个结论：

$j = jQuery.noConflict();
$j(function() {
    $j("input").keypress(function(e) {
        var val = $j(this).val();
        var regex = /^(\+|-)?(\d*\.?\d*)$/;
        if (regex.test(val + String.fromCharCode(e.charCode))) {
            return true;
        }
        return false;
    });
});

可以在这里测试：http://jsfiddle.net/9U2Mw/5/