JQuery获取文本框中字符长度的代码

更新时间：2011年09月29日 10:41:56 作者：

jquery 可以用text()方法来取得字符串，再用length 判断长度，然后用substring()方法格式化截断

趁我写例子这点时间有两个人回答了呵呵
刚才试验过了看下例子吧
JS 方法：

 
<script type="text/javascript"> 
// 得到字符串的真实长度（双字节换算为两个单字节） 
function getStrActualLen(sChars) 
{ 
//sChars.replace(/[^\x00-\xff]/g,"xx").length/1024+"字节"; 
//Math.round(sChars.replace(/[^\x00-\xff]/g,"xx").length/1024);这个貌似不好使 
return alert(formatNum(sChars.replace(/[^\x00-\xff]/g,"xx").length/1024,4)); 
} 
//格式化小数，并四舍五入。如：formatNum(100.12345678,4) 
function formatNum(Num1,Num2){ 
if(isNaN(Num1)||isNaN(Num2)){ 
return(0); 
}else{ 
Num1=Num1.toString(); 
Num2=parseInt(Num2); 
if(Num1.indexOf('.')==-1){ 
return(Num1); 
}else{ 
var b=Num1.substring(0,Num1.indexOf('.')+Num2+1); 
var c=Num1.substring(Num1.indexOf('.')+Num2+1,Num1.indexOf('.')+Num2+2); 
if(c==""){ 
return(b); 
}else{ 
if(parseInt(c)<5){ 
return(b); 
}else{ 
return((Math.round(parseFloat(b)*Math.pow(10,Num2))+Math.round(parseFloat(Math.pow(0.1,Num2).toString().substring(0,Math.pow(0.1,Num2).toString().indexOf('.')+Num2+1))*Math.pow(10,Num2)))/Math.pow(10,Num2)); 
} 
} 
} 
} 
} 

Jquery方法：

复制代码代码如下:

 
function getStrActualLen(){ 
var count=$("#sChars").val().length/1024; 
return Math.round(count*Math.pow(10,4)); 
} 

jquery 截取字符串长度
jquery 可以用text()方法来取得字符串，再用length 判断长度，然后用substring()方法格式化截断后加'...'省略号。

复制代码代码如下:

 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 
<html xmlns='http://www.w3.org/1999/xhtml'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> 
<title>cookie</title> 
<script src='http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js' type='text/javascript'></script> 
<style> 
*{ margin:0; padding:0;font-family:'宋体',Arial, Helvetica, sans-serif;} 
#best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px} 
.blank{ font-size:18px; font-weight:bold; text-align:center; padding:20px} 
</style> 
<script type='text/javascript'> 
jQuery.fn.limit=function(){ 
var self = $('div[limit]'); 
self.each(function(){ 
var objString = $(this).text(); 
var objLength = $(this).text().length; 
var num = $(this).attr('limit'); 
if(objLength > num){ 
$(this).attr('title',objString); 
objString = $(this).text(objString.substring(0,num) + '...'); 
} 
}) 
} 
$(function(){ 
$(document.body).limit(); 
}) 
</script> 
</head> 
<body> 
<div class='blank'>请按F5刷新页面。。。。</div> 
<div id='best'> 
<div limit='12'>字符串字符串字符串字符串字符串字符串字符串字符串字符串</div> 
<div limit='10'>字符串字符串字符串字符串字符串字符串字符串</div> 
<div limit='12'>字符串字符串字符串字符串字符串</div> 
<div limit='12'>字符串字符串字符串字符串字符串字符串字符串字符串</div> 
<div limit='10'>字符串字符串字符串字符串字符串字符串字符串</div> 
</div> 
</body> 
</html> 

您可能感兴趣的文章:

jQuery控制控件文本的长度的操作方法

字符长度

基于jquery创建的一个图片、视频缓冲的效果样式插件
利用css和jquery创建一个动画效果的缓冲样式插件，插件可以开始、暂停、结束
2012-08-08
jQuery实现推拉门效果
这篇文章主要为大家详细介绍了jQuery实现推拉门效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10
jQuery拖拽div实现思路
jQuery拖拽div,利用jquery的mousemove，mousedown，mouseup三个事件,需要的朋友可以参考下
2014-02-02
非常实用的12个jquery代码片段
开发人员利用jQuery代码不仅能给网站带来各种动画、特效，还会提高网站的用户体验。本文总结了开发者经常使用的12个jQuery代码片段，大家可以直接拿来用
2015-11-11
jQuery Ajax之$.get()方法和$.post()方法
load()方法通常用来从Web服务器上获取静态的数据文件，然而这并不能体现Ajax的全部价值。在项目中，如果需要传递一些参数给服务器中的页面，那么可以使用$.get()或者$.post()方法（或者是后面要讲解到的$.ajax方法）。
2009-10-10
jQuery中last()方法用法实例
这篇文章主要介绍了jQuery中last()方法用法,实例分析了last()方法获取匹配元素集合中的最后一个元素时的使用技巧,需要的朋友可以参考下
2015-01-01
jQuery实现手势解锁密码特效
这篇文章主要为大家详细介绍了jQuery实现手势解锁密码特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
jQuery实现select模糊查询（反射机制）
这篇文章主要为大家详细介绍了jQuery实现select带模糊查询的条件查询，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
jQuery文字轮播特效
本文给大家分享的是jQuery制作文字轮播的特效，非常的实用，属于作者原创代码，分享给大家
2017-02-02
jQuery简单动画变换效果实例分析
这篇文章主要介绍了jQuery简单动画变换效果,结合实例形式分析了jQuery使用toggle及animate等方法动态操作页面元素样式的相关技巧,需要的朋友可以参考下
2016-07-07