只允许使用javascript和mootools将整数和浮点数输入字段

Question

我需要某种关于如何只允许将int或float输入到表单输入字段中的指示。 验证必须在按键事件上进行。 我遇到的问题是，例如在输入1.2时，keyup事件函数中的检查会看到1.这不是数字。

这是我的代码：

document.id('inputheight').addEvent('keyup', function(e) {
    this.value = this.value.toFloat();
    if (this.value == 'NaN') {
        this.value = 0;
    }         
});

任何帮助表示赞赏！

Answer 1

您可以简单地清理keyup字段的值。 这样的事情应该可以解决问题：

this.value = this.value.replace(/([^\d.]+)?((\d*\.?\d*)(.*)?$)/, "$3");

正则表达式立即用遇到的第一个数字字符串替换该值。

([^\d.]+)?  // optionally matches anything which is not
            // a number or decimal point at the beginning

(\d*\.?\d*) // tentatively match any integer or float number

(.*)?$      // optionally match any character following
            // the decimal number until the end of the string