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 02 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
Jquery zTree 树控件异步加载操作
Feb 25 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 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
php数据库密码的找回的步骤
2011/01/12 PHP
php并发对MYSQL造成压力的解决方法
2013/02/21 PHP
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
php生成验证码函数
2015/10/20 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
2007/11/24 Javascript
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
javascript实现无法关闭的弹框
2016/11/27 Javascript
原生和jQuery的ajax用法详解
2017/01/23 Javascript
js评分组件使用详解
2017/06/06 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
Python help()函数用法详解
2014/03/11 Python
python实现神经网络感知器算法
2017/12/20 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
美国演唱会和体育门票购买网站:Ticketnetwork
2018/10/19 全球购物
个人找工作的自我评价
2013/10/17 职场文书
会计自我鉴定
2013/11/02 职场文书
环保建议书600字
2014/05/14 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
杭州黄龙洞导游词
2015/02/10 职场文书
装配车间主任岗位职责
2015/04/08 职场文书
同学聚会开幕词
2019/04/02 职场文书
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle