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 相关文章推荐
原生JS实现加入收藏夹的代码
Oct 24 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
Vue实现一个返回顶部backToTop组件
Jul 25 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
JavaScript中MutationObServer监听DOM元素详情
Nov 27 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
图解上海144收音机
2021/03/02 无线电
深入理解PHP原理之异常机制
2010/08/21 PHP
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
django中的ajax组件教程详解
2018/10/18 PHP
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
python使用递归解决全排列数字示例
2014/02/11 Python
python django事务transaction源码分析详解
2017/03/17 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
python实现梯度下降算法
2020/03/24 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
python对常见数据类型的遍历解析
2019/08/27 Python
python集合常见运算案例解析
2019/10/17 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
python实现贪吃蛇双人大战
2020/04/18 Python
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
亚马逊意大利站点:Amazon.it
2020/12/31 全球购物
2014年中秋寄语
2014/08/11 职场文书
公司酒会主持词
2015/07/02 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript