<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. Java 基本数据类型最大值极限和最小值极限

    想知道 Java 基本数据类型最大值极限和最小值极限,写个小程序就很容易知道. 测试 Integer, Long, Float 和 Double 的最大值和最小值,代码如下: public stati ...

  2. thinkjs 学习笔记

    抽空大概看了下thinkjs,总体感觉很不错 不了解的可以看下文档(http://thinkjs.org/doc.html) 介绍就不多说了,看下快速入门 npm install -g thinkjs ...

  3. PKU1988磁铁

    Cube Stacking Time Limit: 2000MS   Memory Limit: 30000K Total Submissions: 16258   Accepted: 5579 Ca ...

  4. Pathway富集分析气泡图

    data.tsv > pathway = read.table("data.tsv",header = T, sep="\t") > library ...

  5. mysql数据库忘记密码时如何登录

    1.打开cmd命令提示符,进入上一步mysql.exe所在的文件夹即: 2.输入命令  mysqld --skip-grant-tables  回车,此时就跳过了mysql的用户验证 3.然后直接输入 ...

  6. 第6章Zabbix分布式监控

    Zabbix是一个分布式的监控系统.分布式监控适合跨机房.跨地域的网络监控.从多个Proxy收集数据,而每个Proxy可以采集多个设备的数据,从而轻松地构建分布式监控系统. ZabbixProxy可以 ...

  7. Netty生产级的心跳和重连机制

    今天研究的是,心跳和重连,虽然这次是大神写的代码,但是万变不离其宗,我们先回顾一下Netty应用心跳和重连的整个过程: 1)客户端连接服务端 2)在客户端的的ChannelPipeline中加入一个比 ...

  8. vue组件之echarts报表

    vue组件之echarts报表 将echarts报表封装成组件,动态传入数据,显示图表. 1.饼状图 父组件: <MPie :datas="piedata"></ ...

  9. c#中的序列化

    1.对象的序列化 NET支持对象序列化有以下几种方式:二进制序列化:对象序列化之后是二进制形式的,通过BinaryFormatter类来实现的,这个类位于System.Runtime.Serializ ...

  10. 「小程序JAVA实战」小程序模块页面引用（18）

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-18/ 上一节,讲了模板的概念,其实小程序还提供了模块的概念.源码:https://github.c ...