关于 number类型的input 输入框踩坑记，input[type='number']输入框限制输入，只允许输入负数、0、正数，小数点保留2位小数

最新推荐文章于 2023-02-16 16:57:26 发布

七宝小脑斧

最新推荐文章于 2023-02-16 16:57:26 发布

阅读量8.2k

点赞数

分类专栏： javascript 文章标签： javascript jquery number 正则两位小数

刚刚说

本文链接：https://blog.csdn.net/u014353113/article/details/86475788

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

关于 number类型的input 输入框踩坑记，js和jq获取number类型的文本值，获取不到-号，导致校验异常，完美解决办法，转换input类型。

<input type="number" class="fushu"/>

$(function(){
	 $(".fushu").focus(function () {
                $(this)[0].type = "text";  
    })
      $(".fushu").blur(function () {
                $(this)[0].type = "number";  
      })
      $('.fushu').bind('input propertychange', function () {
      	checkfushuInt($(this)[0]);
      })
})

//负数
            window.checkfushuInt = function (obj) {
                obj.value = obj.value.replace(/[^-\d.]/g, ""); //清除"-","数字"和"."以外的字符
                obj.value = obj.value.replace(/^[.]/, ""); //禁止第一个字符为.
                obj.value = obj.value.replace("-.", ""); //禁止前两个字符为-.
                obj.value = obj.value.replace(/\-{2,}/g, "-"); //只保留第一个-, 清除多余的
                obj.value = obj.value.replace("-", "$##$##$").replace(/\-/g, "").replace("$##$##$", "-");
                obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个., 清除多余的
                obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
            }