如何禁止input输入不正确的内容

Question

问题：
input框中加入输入规则，如

        e.detail.value = e.detail.value.replace(/\.{2,}/g, ".")
        e.detail.value = e.detail.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')

但是这种用replace的效果不好，因为是等到用户输入后再进行判断，能否实现当用户输入当时候，如果输入的不对，就不让用户输入了，就不会有之前闪烁的感觉

Answer 1

test.onkeypress = function (e) {
    const newString = this.value + String.fromCharCode(e.keyCode);
    function testSomething(newString, keyCode) {
        // 在这里对输入的字符或者输入框中的内容进行判断
        return keyCode > 100;
    }
    if (testSomething(newString, e.keyCode)) {
        return true;
    }
    return false;
}

Answer 2

监听input事件不就可以实时判断了吗，题主监听什么事件

Answer 3

你的思路有一点问题，你怎么知道用户输入会是什么，如果不等用户输入了，拿什么来判断？
所以必须是有用户输入了，结果不符合要求进行处理（比如这里删除掉2个以上的点）。
后面是保留2位小数。