Jquery 初始化

最新推荐文章于 2024-07-14 03:34:58 发布

原创最新推荐文章于 2024-07-14 03:34:58 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #input #null

本文介绍了一段使用jQuery实现的数字输入框格式化代码，该代码能够在用户输入时自动格式化数字，支持千位分隔符，并进行基本的数据验证。

$(document).ready(function(){
   $('input[util="num"]').each(function(){
    var self = $(this),
     _self = this,
     reg = /^[\-\+]?((\d+)([\.,](\d{3}))*([\.](\d+))?|([\.,](\d+))?)$/;//人民币处理如10,0000
    $(this).bind({
     focus : function(){
      self.val(self.val().split(',').join(''));
     },
     blur : function(){
      if(!reg.test( self.val() )){
       self.addClass('formError');
      } else {
       self.removeClass('formError');
       var arr = self.val().split('.'),
        num = arr[0],
        num2 = null;
       if(arr.length > 1){
        num2 = arr[1];
       }
       if(num.length > 3){
        var _arr = num.split('').reverse(),
         len = _arr.length,
         page = Math.ceil(len / 3),
         str = '';
        for(var i=0; i<page; i++){
         if(i*3 < len) str += _arr[i*3];
         if(i*3+1 < len) str += _arr[i*3+1];
         if(i*3+2 < len) str += _arr[i*3+2];
         str += ',';
        }
        str = str.substring(0, str.length-1)
          .split('').reverse().join('');
        if(num2 !== null){
         str += '.' + num2;
        }
        self.val(str);
       }
      }
     }
    });
   });
  });