Javascript / Jquery将输入字段限制为一个小数和数字

Question

下面是我到目前为止的问题，问题是它适用于输入和粘贴，但是如果再次粘贴，它似乎仅适用于从粘贴操作复制的数据，它没有考虑该字段中已有的内容。

    $('#val00').on('input', function(){
        this.value = this.value
        .replace(/[^\d.]/g, '')             // numbers and decimals only
        .replace(/(\..*)\./g, '$1')         // decimal can't exist more than once
        .replace(/(\.[\d]{2})./g, '$1');    // not more than 2 digits after decimal
        console.log("ON INPUT "+mynum);
        mynum++;
    })

    $('#val00').on('paste', function(){
        this.value = this.value
        .replace(/[^\d.]/g, '')             // numbers and decimals only
        .replace(/(\..*)\./g, '$1')         // decimal can't exist more than once
        .replace(/(\.[\d]{2})./g, '$1');    // not more than 2 digits after decimal
        console.log("ON PASTE "+mynum);
        mynum++;
    })

Answer 1

我可能在没有花费足够时间进行调试的情况下过早发布了此问题。 只是以为id分享我的解决方案。

    $('#val00').on('paste', function(){

        if (this.value !="") {
            this.value = ""
        }else{
        this.value = this.value
        .replace(/[^\d.]/g, '')             // numbers and decimals only
        .replace(/(\..*)\./g, '$1')         // decimal can't exist more than once
        .replace(/(\.[\d]{2})./g, '$1');    // not more than 2 digits after decimal
        console.log("ON INPUT "+mynum);
        mynum++;
        }
    })