<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. PAT 甲级1003 Emergency (25)（25 分）(Dikjstra，也可以自己到自己！)

    As an emergency rescue team leader of a city, you are given a special map of your country. The map s ...

  2. mongoDB在windows下安装和配置.

    1.首先在官网下载mongoDB的安装包: http://www.mongodb.org/downloads 这里我们下载zip格式的下载,其他的没安装过,不会,就不说了. 2.解压文件后: 3.在D ...

  3. MySql——查询题目练习

    本次查询我们基于这几张表查询 ***********查询练习********** 1. 查询Student表中的所有记录的Sname.Ssex和Class列. select sname,ssex,cl ...

  4. <转>Python3.x和Python2.x的区别

    这个星期开始学习Python了,因为看的书都是基于Python2.x,而且我安装的是Python3.1,所以书上写的地方好多都不适用于Python3.1,特意在Google上search了一下3.x和 ...

  5. Eclipse免reload设置

    在使用eclipse开发web项目的时候,有的时候需要通过运行看结果,但是如果项目很大,你改一句代码,也许就要重启一次,或者eclipse自动帮你reload,这样严重的影响开发的效率,这里只要修改一 ...

  6. django之部署

    布署 从uwsgi.nginx.静态文件三个方面处理 服务器介绍 服务器:私有服务器.公有服务器 私有服务器:公司自己购买.自己维护,只布署自己的应用,可供公司内部或外网访问 公有服务器:集成好运营环 ...

  7. Latex编译后Yap查看报错Not all fonts could be loaded

    在用Latex写中文大论文时,编译后,用Yap查看DVI文件,打开时,Yap报错: "Not all fonts could be loaded. See 'File->Documen ...

  8. leetcode697

    public class Solution { public int FindShortestSubArray(int[] nums) { //先找到最大频度的数字都有哪些,加入到一个集合中 var ...

  9. 11.redis连接

    转自:http://www.runoob.com/redis/redis-tutorial.html Redis 客户端连接 Redis 通过监听一个 TCP 端口或者 Unix socket 的方式 ...

  10. tornado 自定义session （一）

    tornado 中没有session功能,需要我们自己实现. 目录: settings: settings = { 'template_path': 'templates', 'static': 's ...