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 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
JS请求servlet功能示例
Jun 01 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
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的FTP学习(二)[转自奥索]
2006/10/09 PHP
PHP中几个常用的魔术常量
2012/02/23 PHP
php中使用session防止用户非法登录后台的方法
2015/01/27 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python实现简单的socket server实例
2015/04/29 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
Python 爬虫模拟登陆知乎
2016/09/23 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
CSS3 linear-gradient线性渐变生成加号和减号的方法
2017/11/21 HTML / CSS
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
社区母亲节活动方案
2014/03/05 职场文书
大型营销活动计划书
2014/04/28 职场文书
市委常委班子党的群众路线教育实践活动整改措施
2014/10/02 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
幼儿园园长工作总结2015
2015/05/25 职场文书
活动简报范文
2015/07/22 职场文书