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

我可能过早地发布了这个问题，而没有花足够的时间进行调试。只是想我分享我的解决方案。

    $('#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++;
        }
    })