1. <html>
  2. <head>
  3.     <meta charset="utf-8">
  4.     <script src="js/jquery-1.11.0.js"></script>
  5.     
  6.  
  7. <script type="text/javascript"> 
  8. //返回val的字节长度 
  9. function getByteLen(val) { 
  10. var len = 0; 
  11. for (var i = 0; i < val.length; i++) { 
  12. if (val[i].match(/[^\x00-\xff]/ig) != null) //全角 
  13. len += 2; 
  14. else 
  15. len += 1; 
  16. } 
  17. return len; 
  18. } 
  19. //返回val在规定字节长度max内的值 
  20. function getByteVal(val, max) { 
  21. var returnValue = ''; 
  22. var byteValLen = 0; 
  23. for (var i = 0; i < val.length; i++) { 
  24. if (val[i].match(/[^\x00-\xff]/ig) != null) 
  25. byteValLen += 2; 
  26. else 
  27. byteValLen += 1; 
  28. if (byteValLen > max) 
  29. break; 
  30. returnValue += val[i]; 
  31. } 
  32. return returnValue; 
  33. } 
  34. $(function() { 
  35. var _area = $('textarea#txtPrizeNote'); 
  36. var _info = _area.next(); 
  37. var _max = _area.attr('maxlength'); 
  38. var _val; 
  39. _area.bind('keyup change', function() { //绑定keyup和change事件 
  40. if (_info.find('span').size() < 1) {//避免每次弹起都会插入一条提示信息 
  41. _info.append(_max); 
  42. } 
  43. _val = $(this).val(); 
  44. _cur = getByteLen(_val); 
  45. if (_cur == 0) {//当默认值长度为0时,可输入数为默认maxlength值 
  46. _info.text(_max); 
  47. } else if (_cur < _max) {//当默认值小于限制数时,可输入数为max-cur 
  48. _info.text(_max - _cur); 
  49. } else {//当默认值大于等于限制数时 
  50. _info.text(0); 
  51. $(this).val(getByteVal(_val,_max)); //截取指定字节长度内的值 
  52. } 
  53. }); 
  54. }); 
  55. </script
  56.  
  57.     
  58. </head>
  59. <body>
  60.  
  61. <div> 
  62. <textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10" 
  63. style="width: 480px; height: 74px; float: left"></textarea> 
  64. <span style="color: Red;">*</span><br /> 
  65. 剩余字数：<span id="showmsg" style="color: red"></span> 
  66. </div> 
  67. </body>

</html>//搜索字符限制

第二种

  

//超出的文字自动+省略号

          jQuery.fn.limit=function(){  
                var self = $("*[limit]");  
             self.each(  
                 function(){  
                  var objString = $.trim($(this).text());  
                  var objLength = $.trim($(this).text()).length;  
                  var num = $(this).attr("limit");  
                  if(objLength > num){  
                            $(this).attr("title",objString);  
                   objString = $(this).text(objString.substring(0,num) + "..");  
                  }  
                 }  
             );  
            };  
$("*[limit]").limit();

jQuery自动截取文字长度，超过部分的更多相关文章

  1. Js自动截取字符串长度，添加省略号“……”

    JavaScript字符串处理函数,根据定义的长度截取字符串,超出部分裁掉追加……,很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度,超长部分用“...”代替: /**参数说 ...

  2. 通过CSS自动截取字符串长度

      Table Tr TD的自动换行 <style type="text/css"> table { width: 30em; table-layout: fixed; ...

  3. 【转】如何用css限制文字长度,使溢出的内容用省略号…显示

    文章转自这里(现在貌似被黑了,建议不要点击了) ps:因在该地方没看到转载按钮,复制下存到这里以待自己方便,别人能看到帮助一下更是乐意之至,效果亲测可以实现,兼容IE.谷歌.火狐 由于文字内容长度的不 ...

  4. css居然有根据容器宽度自动截取长度加省略号功能，强大!!

    作者:☆威廉古堡♂ 项目中最初的做法(js截取): //字符长度截取包括中英文混合 function subStr(str, len) { str = str.toString(); var newL ...

  5. JS~字符串长度判断，超出进行自动截取（支持中文）

    今天一个小弟问我的问题,在文本框中输入字符,如果超出指定长度,就把它截取,要求中文等于两个字符的长度,我找一下资料,把这个功能实现了,下面是JS代码: <html> <script ...

  6. js实现超过长度的字符截取指定长度（中文字符算2个字符），超出部分以...显示

    //超过长度的字符截取指定长度,超出部分以...显示 function subString(str, len) { var newLength = 0; var newStr = "&quo ...

  7. echarts图表X轴文字过长解决解决方案：根据文字长度自动旋转

    Echarts 标签中文本内容太长的时候怎么办 ? 关于这个问题搜索一下,有很多解决方案.无非就是 省略(间隔显示).旋转文字方向.竖排展示 前面两种解决方案,就是echarts暴露的: {   ax ...

  8. jquery获取value值时将数字型字符串前面的0自动截取处理方法

    <li class="cwhite" value="02" id="02" onclick="getQuestionList ...

  9. .net截取指定长度汉字超出部分以指定的字符代替

    下面是我在网上搜索,然后加以整理的关于在.net中截取指定长度汉字超出部分以指定的字符代替,来拓展一下自己的思路. 方法一 :在后台的select语句中直接操作或是在数据库中写一个存储过程 Selec ...

随机推荐

  1. 多分类下的ROC曲线和AUC

    本文主要介绍一下多分类下的ROC曲线绘制和AUC计算,并以鸢尾花数据为例,简单用python进行一下说明.如果对ROC和AUC二分类下的概念不是很了解,可以先参考下这篇文章:http://blog.c ...

  2. Web项目中定时任务无法绑定SessionFactory的问题解决

    正常我们在web开发中,由于需要在页面上或者脱离事务时使用到懒加载对应的对象,一般都采用Open Session In View模式.   Open Session In View   OpenSes ...

  3. 【UVa】1374 Power Calculus（IDA*）

    题目 题目     分析 IDA*大法好,抄了lrj代码.     代码 #include <cstdio> #include <cstring> #include <a ...

  4. python 之 Collections模块

    官方文档:https://yiyibooks.cn/xx/python_352/library/collections.html 参考: https://blog.csdn.net/songfreem ...

  5. Julia - 算术基本函数

    符号函数和绝对值函数 abs(x) 函数求 x 的绝对值(幅值) julia> abs(3) 3 julia> abs(-3) 3 abs2(x) 函数求 x 的绝对值(幅值)的平方 ju ...

  6. MonkeyScript测试命令集合

    MonkeyScript:(不支持截屏) 可以被Monkey识别的集合命令 可以完成重复固定的操作   MonkeyRunner(支持截屏操作) 提供一系列API,可以完成模拟事件和截屏操作   Mo ...

  7. ubuntu 12.04 配置-1

    今天对ubuntu 12.04 系统进行了相关的配置,配置的主要内容有: 1)php + mysql + apache2 web开发环境的搭建: 2)vim的简单保存退出指令: 3)文件和文件夹权限的 ...

  8. keil5破解

    没有破解之前的keil只能编译限制大小的代码,72K好像我忘了?太长的话会报错. 注册机网址:http://bbs.armfly.com/read.php?tid=2346 1.在keil5左上角的F ...

  9. RHCE7-学习里程 root 密码重置换

    一.root 密码重置换 当忘记root 密码后,可以按照以下方法重置 root 密码 1.重启动电脑,出现如下界面,按  上  下 键盘, 选择   (core)--再按e 2.在下图linux16 ...

  10. Mysql 中的伪列用法

    SELECT ( @rowNO := @rowNo + 1 ) AS rowno, A.*FROM ( SELECT * FROM t_user ) a, ( SELECT @rowNO := 0 ) ...