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高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
提高javascript效率 一次判断,而不要次次判断
Mar 30 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
详解vue axios二次封装
Jul 22 Javascript
js实现动态添加上传文件页面
Oct 22 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 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
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
javascript中的array数组使用技巧
2010/01/31 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
2016/01/04 Javascript
用jQuery向div中添加Html文本内容的简单实现
2016/07/13 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
如何基于JS截获动态代码
2019/12/25 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
Python序列之list和tuple常用方法以及注意事项
2015/01/09 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
深入浅析Python传值与传址
2018/07/10 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
Python 如何查找特定类型文件
2020/08/17 Python
如何使用canvas绘制可移动网格的示例代码
2020/12/14 HTML / CSS
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
南京某公司笔试题
2013/01/27 面试题
全民健身日活动方案
2014/01/29 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
公司募捐倡议书
2014/05/14 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
计生个人工作总结
2015/02/28 职场文书
Mybatis-Plus 使用 @TableField 自动填充日期
2022/04/26 Java/Android