<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代码---实现随机产生1000个随机数，并10个一行的输出

    总结:不会用,就是不熟 package com.s.x; //输入10个随机数,并显示最大值,最小值 import java.util.*; public class Value { public s ...

  2. java代码---I/O文件内容复制

    总结:主要是弄清输入流,输出流 输入流和输出流都是针对程序而言,把文件内容读取到程序是输入流 从程序把内容写入文件是输出流 package com.a.b; import java.io.*; imp ...

  3. Python模块包(pycharm右键创建文件夹和python package的区别)中__init__.py文件的作用

    在eclipse中用pydev开发Python脚本时,我遇到了一个这样的现象,当我新建一个pydev package时,总会自动地生成一个空的__init__.py文件,因为是python新手,所以很 ...

  4. MySQL5.7.18,初始化完成登录,提示密码过

    初始化完成登录,提示密码过期 原因: 安装CentOs的时候,默认安装了mysql,并且版本与自己安装的mysql版本不一致,直接使用mysql -uroot -p'password'连接,默认调用的 ...

  5. 第十章 Secret & Configmap （上）

    敏感信息,直接保存在容器镜像中显然不妥,比如用户名.密码等.K8s提供的解决方案是Secret. Secret会以密文的方式存储数据,避免了在配置文件中保存敏感信息.Secret会以Volume的形式 ...

  6. 解决IIS无响应假死状态

    方法一: 临时解决办法:在IIS中选择你的网站,右击->属性,选择主目录选项卡,最下面有个应用程序池选项,记住该处的名字,然后在IIS中找到应用程序池并展开,选择你刚才看到的那个名字,右击-&g ...

  7. 使用CCNode作为容器容易踩的坑

    Cocos2dx中CCNode经常作为一个父容器,里面装一些UI控件,最后组成一个复杂的自定义的UI控件,但是在使用别人的自定义控件和自己写自定义问题的时候会踩一些坑. 首先拿到一个自定义的UI控件一 ...

  8. 12_java之构造方法|this|super

    01构造方法引入 * A:构造方法的引入 在开发中经常需要在创建对象的同时明确对象的属性值,比如员工入职公司就要明确他的姓名.年龄等属性信息. 那么,创建对象就要明确属性值,那怎么解决呢?也就是在创建 ...

  9. mac 更改初始密码

    1.进入到bin目录下: cd /usr/local/mysql/bin/2.sudo su 3../mysql -uroot  -p(后面跟安装mysql的初始密码,在通知里面有) 4.SET PA ...

  10. 关于Floyd-Warshall算法由前趋矩阵计算出的最短路径反映出了算法的执行过程特性的证明

    引言:Floyd-Warshall算法作为经典的动态规划算法,能够在O(n3)复杂度之内计算出所有点对之间的最短路径,且由于其常数较小,对于中等规模数据运行效率依然可观.算法共使用n此迭代,n为顶点个 ...