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 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
详解Angular的数据显示优化处理
Dec 26 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
Vue页面切换和a链接的本质区别详解
Nov 12 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
PHP动态创建Web站点的方法
2011/08/14 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
Laravel实现表单提交
2017/05/07 PHP
JavaScript 拾漏补遗
2009/12/27 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
python 快速排序代码
2009/11/23 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
日本航空官方网站:JAL
2019/06/19 全球购物
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
运动会通讯稿150字
2014/02/15 职场文书
优秀辅导员事迹材料
2014/02/16 职场文书
党风廉政建设责任书
2014/04/14 职场文书
报到证办理个人委托书
2014/10/06 职场文书
团员个人年度总结
2015/02/26 职场文书
大学运动会加油稿
2015/07/22 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
导游词之上饶龟峰
2019/10/25 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript