使用JS设置input框输入时保留两位小数

最新推荐文章于 2024-08-03 17:05:14 发布

微微微微风！

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量2k

点赞数

分类专栏： JS 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_39797713/article/details/120345232

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

业务需求：

当依次输入 1 2 3 4时，
效果：0.01 -> 0.12 -> 1.23 -> 12.34

当依次输入 1 2 3 . 4 5 6 时，
效果：0.01 ->0.12 -> 1.23 -> 123. -> 123.4 -> 123.45 -> 1234.56

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title></title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div>
  <input id="Amount" type="text"/>
</div>
</body>
</html>

<script language="JavaScript">
    //input amount js
    $(function () {
        //$("#Amount").focus();
        $("#Amount").on('input', function (e) {
            var str = $(this).val();
            str = str.replace(/[^\d.]/g, '');
            var arr = str.split('.');
            var res = arr.join("").replace(/^0*/g, '');
            console.log(e);
            console.log(e.originalEvent);
            console.log(e.originalEvent.data)
            if (e.originalEvent.data != '.') {
                var lst = arr[arr.length-1];
                var num = (arr.length != 1 && lst.length == 1 && e.originalEvent.data)? 1:2;
                while (res.length < num+1) {
                    res = "0" + res;
                }
                res = res.substring(0, res.length - num) + '.' + res.substring(res.length - num, res.length);
            }else if(e.originalEvent.data == '.'){
                res += (!res.length)? '0.':'.';
            }
            $(this).val(res);
        })
    })
</script>

MVC中@Html.EditorFor()设置方式链接：

微微微微风！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用JS设置input框输入时保留两位小数

业务需求：当依次输入 1 2 3 4时，效果：0.01 -> 0.12 -> 1.23 -> 12.34当依次输入 1 2 3 . 4 5 6 时，效果：0.01 ->0.12 -> 1.23 -> 123. -> 123.4 -> 123.45 -> 1234.56<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta
复制链接

扫一扫

专栏目录