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


Posted in Javascript onSeptember 29, 2011

趁我写例子这点时间有两个人回答了 呵呵
刚才试验过了 看下例子吧
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.3water.com/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>
Javascript 相关文章推荐
Domino中运用jQuery读取视图内容的方法
Oct 21 Javascript
屏蔽Flash右键信息的js代码
Jan 17 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
Vue通过input筛选数据
Oct 26 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
Sep 21 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
react中props 的使用及进行限制的方法
Apr 28 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
Jquery Change与bind事件代码
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 #Javascript
You might like
Zend的Registry机制的使用说明
2013/05/02 PHP
php简单日历函数
2015/10/28 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
html数组字符串拼接的最快方法
2009/09/16 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
使用jquery插件实现图片延迟加载技术详细说明
2011/03/12 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
Python正则捕获操作示例
2017/08/19 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
python操作链表的示例代码
2020/09/27 Python
部队学习十八大感言
2014/01/11 职场文书
给同学的道歉信
2014/01/16 职场文书
公司建议书怎么写
2014/05/15 职场文书
党员领导干部承诺书
2014/05/28 职场文书
争做文明公民倡议书
2014/08/29 职场文书
工作检讨书500字
2014/10/19 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
公务员年终个人总结
2015/02/12 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
工作失职检讨书范文
2015/05/05 职场文书
电影开国大典观后感
2015/06/04 职场文书
灵魂歌王观后感
2015/06/17 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python