一个只能输入正数，负数，小数等数字的input框

最新推荐文章于 2023-05-26 09:54:26 发布

空空壹

最新推荐文章于 2023-05-26 09:54:26 发布

阅读量502

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_16928105/article/details/114077889

版权

自己做笔记用的
一个只能输入负数，小数的input框
css：

<input name="input_value" type="text" class="form-control value-input" value="">
<p class="error_msg"></p>

js部分：

$(function () {
    $('.value-input').on("input propertychange", function () {
        validationNumber($(this),1);
    });
})

function validationNumber(_this,is_replace) {
    let num_value;
    num_value = replace_value(_this.val());
    _this.val(num_value);

    let rep = /^[\+\-]?\d+?\.?\d*?$/;
    if(!num_value.match(rep)){
        if(is_replace==1){
            _this.siblings(".error_msg").text('only numbers are allowed!');
        }
    }else{
        _this.siblings(".error_msg").text('');
    }
}

function replace_value(num_value) {
    if(num_value.indexOf("-") > 0){
        num_value = "-"+num_value.replace(/\-/g, '');
    }
    num_value = num_value.replace(/[^\d\.\-]/g,"");
    num_value = num_value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^\-?\./g, '');
    num_value = num_value.replace('-', '##').replace(/\-/g, '').replace('##', '-');
    num_value = num_value.replace(/^[^\-\d]/g, '');
    return num_value;
}