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 获取字符串字节数的多种方法
Jun 02 Javascript
js中的this关键字详解
Sep 25 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
jquery.ui.draggable中文文档(原文翻译)
Nov 15 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 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
DSP接收机前端设想
2021/03/02 无线电
cakephp打印sql语句的方法
2015/02/13 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
document对象execCommand的command参数介绍
2006/08/01 Javascript
跟随鼠标旋转的文字
2006/11/30 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
js前端导出Excel的方法
2017/11/01 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python中查看文件名和文件路径
2017/03/31 Python
Python 中导入csv数据的三种方法
2018/11/01 Python
pygame实现成语填空游戏
2019/10/29 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
CSS3 实现的加载动画
2020/12/07 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
小区文明倡议书
2014/05/16 职场文书
债务纠纷委托书
2014/08/30 职场文书
2014年图书室工作总结
2014/12/09 职场文书
迎新生欢迎词
2015/01/23 职场文书
辩护词范文大全
2015/05/21 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript