小程序端数字格式化验证

 2300

小程序端数字格式化验证


小程序端input为number类型的表单,调出的键盘只有数字且没有小数点和负号。显然并不符合要求。所以我们用text类型来自己判断

1,必须为数字

2,第一位不是小数点,且只能出现一个小数点

3,负号只能出现在第一位,且只能出现一次

4,如果是小数的话只保留两位小数

首先想到的是百度,但是不太符合,自己废了一些时间写了一个,希望能帮助到大家

<input type="text" onblur="checkNum(this)">
<script>
function checkNum(obj){
    let val = obj.value.replace(/(^\s*)|(\s*$)/g, "")
        // 只能是负号,数字和小数点,不能是其他输入
        val = val.replace(/[^\d.?!\-]/g, "")
        // 保证第一位不能是点
        val = val.replace(/^\./g, "");
        // 负号只能出现一次
        val = val.replace("-", "$#$").replace(/\-/g, "").replace("$#$", "-");
        // 负号不能在中间出现
        val = val.replace(/(\d+)\-(\d*)/g, '$1$2');
        // 小数只能出现一次
        val = val.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
        // 小数点后面保留2位
        val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
        // 重新赋值
        obj.value = val
}
</script>


本文网址:https://www.zztuku.com/index.php/detail-12617.html
站长图库 - 小程序端数字格式化验证
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐

    PS制作质感的立体字