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 相关文章推荐
JavaScript设计模式之外观模式实例
Oct 10 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
JavaScript中的继承之类继承
May 01 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
vue实现日历表格(element-ui)
Sep 24 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
php中日期加减法运算实现代码
2011/12/08 PHP
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
Prototype框架详解
2015/11/25 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
jquery将标签元素的高设为屏幕的百分比
2017/04/19 jQuery
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
Python中使用select模块实现非阻塞的IO
2015/02/03 Python
Python sys.argv用法实例
2015/05/28 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
Python有序字典简单实现方法示例
2017/09/28 Python
python机器学习之神经网络(二)
2017/12/20 Python
python如何定义带参数的装饰器
2018/03/20 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
shell程序中如何注释
2012/02/17 面试题
毕业生自我鉴定实例
2014/01/21 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
个人售房合同协议书
2016/03/21 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书