码迷,mamicode.com
首页 > 其他好文 > 详细

为输入框添加字数提示

时间:2017-09-30 19:59:14      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:function   func   +=   top   app   return   字符串   输入   .text   

  计算字符串长度,中文1,其他0.5:

1 var getByteLen=function(str) {
2     if (str == null) return 0;
3     if (typeof str != "string") {
4         str += "";
5     }
6     var count_hanzi = str.replace(/[^\x00-\xff]/g, "01").length - str.length;
7     var count_feihanzi = str.length - count_hanzi;
8     return parseInt(count_feihanzi / 2) + count_hanzi;
9 }

  设置字数提示:

 1     $.fn.TextBoxInputLengthPrompt = function (maxLength) {
 2         var obj = $(this);
 3         var width_obj = parseInt(obj.width());
 4         var height_obj = parseInt(obj.height());
 5         var top_obj = parseInt(obj.offset().top);
 6         var left_obj = parseInt(obj.offset().left);
 7         var length_curr =getByteLen(obj.val());
 8         var length_maxLength = maxLength;
 9         var div = $(‘<div></div>‘);
10         obj.parent().append(div);
11         div.css({
12             ‘width‘: ‘180px‘,
13             ‘height‘: ‘20px‘
14         });
15         div.text(‘字数:‘ + length_curr + ‘/‘ + length_maxLength);
16         obj.keyup(function () {
17             length_curr = getByteLen(obj.val());
18             div.text(‘字数:‘ + length_curr + ‘/‘ + length_maxLength);
19         })
20         return obj;
21     }

  调用:

1 $(selector).TextBoxInputLengthPrompt(count);

 

为输入框添加字数提示

标签:function   func   +=   top   app   return   字符串   输入   .text   

原文地址:http://www.cnblogs.com/wzs2016/p/7615793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!