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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
JavaScript中Cookie操作实例
Jan 09 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
react MPA 多页配置详解
Oct 18 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
js实现小时钟效果
Mar 25 Javascript
vscode中Vue别名路径提示的实现
Jul 31 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/06/09 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
2010年最佳jQuery插件整理
2010/12/06 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
2014/02/23 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
对于js垃圾回收机制的理解
2017/09/14 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
flask中使用SQLAlchemy进行辅助开发的代码
2013/02/10 Python
python使用socket向客户端发送数据的方法
2015/04/29 Python
python学习基础之循环import及import过程
2018/04/22 Python
pycharm设置注释颜色的方法
2018/05/23 Python
Python socket处理client连接过程解析
2020/03/18 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
HTML5 video 事件应用示例
2014/09/11 HTML / CSS
数控技术学生的自我评价
2014/02/15 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
工作求职信
2014/07/04 职场文书
小学生节水倡议书
2015/04/29 职场文书
海上钢琴师观后感
2015/06/03 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
2015年中秋节主持词
2015/07/30 职场文书
小学科学课教学反思
2016/02/23 职场文书
SQL Server中搜索特定的对象
2022/05/25 SQL Server