挑战3：使用jQuery将输入框中的整型数值格式化为逗号分隔形式

最新推荐文章于 2022-04-07 15:19:53 发布

zeyu1021

最新推荐文章于 2022-04-07 15:19:53 发布

阅读量531

点赞数

本文链接：https://blog.csdn.net/zeyu1021/article/details/44199123

版权

另外一道挑战题，使用jQuery将输入框中的整型数值格式化为逗号分隔形式

<input type="text" id="num" value="1234567890"/>

(function(){
        var $input = $("#num");

        $.fn.extend({
          format: function(){
            var num = $(this).val();
            var result = "";

            while(true){
              if(result != "") {
                result = "," + result;
              }

              // 从后往前贴
              var begin = num.length - 3;
              if(begin < 0) begin = 0;

              result = num.substr(begin, 3) + result;
              num = num.substring(0, begin);
              
              if(num.length == 0) break;
            }

            $(this).val(result);
          }
        });

        $input.format();

        $input.focus(function(){
          $(this).val($(this).val().replace(/,/g, ""));
        });

        $input.change(function () {
          $(this).format();
        })

      })(jQuery);