<html>

<head>

    <meta charset="utf-8">

    <script src="js/jquery-1.11.0.js"></script>

    

<script type="text/javascript"> 

//返回val的字节长度 

function getByteLen(val) { 

var len = 0; 

for (var i = 0; i < val.length; i++) { 

if (val[i].match(/[^\x00-\xff]/ig) != null) //全角 

len += 2; 

else 

len += 1; 

} 

return len; 

} 

//返回val在规定字节长度max内的值 

function getByteVal(val, max) { 

var returnValue = ''; 

var byteValLen = 0; 

for (var i = 0; i < val.length; i++) { 

if (val[i].match(/[^\x00-\xff]/ig) != null) 

byteValLen += 2; 

else 

byteValLen += 1; 

if (byteValLen > max) 

break; 

returnValue += val[i]; 

} 

return returnValue; 

} 

$(function() { 

var _area = $('textarea#txtPrizeNote'); 

var _info = _area.next(); 

var _max = _area.attr('maxlength'); 

var _val; 

_area.bind('keyup change', function() { //绑定keyup和change事件 

if (_info.find('span').size() < 1) {//避免每次弹起都会插入一条提示信息 

_info.append(_max); 

} 

_val = $(this).val(); 

_cur = getByteLen(_val); 

if (_cur == 0) {//当默认值长度为0时,可输入数为默认maxlength值 

_info.text(_max); 

} else if (_cur < _max) {//当默认值小于限制数时,可输入数为max-cur 

_info.text(_max - _cur); 

} else {//当默认值大于等于限制数时 

_info.text(0); 

$(this).val(getByteVal(_val,_max)); //截取指定字节长度内的值 

} 

}); 

}); 

</script

    

</head>

<body>

<div> 

<textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10" 

style="width: 480px; height: 74px; float: left"></textarea> 

<span style="color: Red;">*</span><br /> 

剩余字数：<span id="showmsg" style="color: red"></span> 

</div> 

</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. centos7 桥接配置

    cd /etc/sysconfig/network-scripts/ 名字可能各不同,一般出现在第一个位置 vim ifcfg-ens33 然后重启 systemctl restart network ...

  2. jQuery笔记——UI

    jQuery UI 的官网网站为:http://jqueryui.com/,我们下载最新版本的即可,使用JQueryUI中的样式比我们使用原生的HTML要好看,还会有一些封装好的特效,JQueryUI ...

  3. congst与指针

    指向const的指针 //a pointer to const int;指针指向常量对象,相对本指针而言,不能指针指向的对象的常量,不能通过本指针修改常量对象指针,实际的对象不一定的常量 const指 ...

  4. C# using语句的使用

    使用时注意事项 ①using只能用于实现了IDisposable接口的类型,禁止为不支持IDisposable接口的类型使用using语句,否则会出现编译错误:②using语句适用于清理单个非托管资源 ...

  5. jq循环方法

    jq在前台使用很广泛,其中不可避免会用到循环,for循环可以,但有时不方便,下边举两个jq循环: 第一个: $.each(数组或对象,function(index,item){ //循环的逻辑代码 } ...

  6. html 中的media属性

    在css中我们使用media标签来区分调用哪个css样式,比如使用media="print"来表示当执行打印文档时,使用print.css样式.这样使得文档更有得于打印,如将页面宽 ...

  7. C/C++快速入门

    sscanf与sprint 均在stdio.h头文件下 sscanf用法 sscanf(str, "%d", &n); // 将str中内容以"%d"的 ...

  8. [转]字符集、字符编码、XML中的中文编码

    字符集.字符编码.XML中的中文编码 作为程序员的你是不是对于ASCII .UNICODE.GB2321.UTF-7.UTF-8等等不时出现在你面前的这些有着奇怪意义的词感到很讨厌呢,是不是总觉得好象 ...

  9. java动态规划问题

    这里是简单的动态规划问题.其实,如果我们学过数据结构,应该就接触过动态规划问题,当时一直没有反应过来.我们求最小生成树用的是贪婪算法.而求最短路径就是动态规划.从一个点出发,到另外每个点的最短距离.在 ...

  10. O(n)求中位数和第k大数

    解题关键:模板与思路.面试题 #include<cstdio> #include<cstring> #include<algorithm> #include< ...