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 相关文章推荐
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
JavaScript中split() 使用方法汇总
Apr 17 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
JS中Object对象的原型概念基础
Jan 29 Javascript
JS实现可视化音频效果的实例代码
Jan 16 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
php微信公众号开发模式详解
2016/11/28 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
js异或加解密效果代码
2008/06/25 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
Python内置函数之filter map reduce介绍
2014/11/30 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
Django多数据库联用实现方法解析
2020/11/12 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
营业员演讲稿
2013/12/30 职场文书
高中家长寄语
2014/04/02 职场文书
结对共建协议书
2014/08/20 职场文书
个人向公司借款协议书
2014/10/09 职场文书
公务员年度考核评语
2014/12/31 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
新生儿未入户证明
2015/06/23 职场文书
《灰雀》教学反思
2016/02/19 职场文书
Oracle使用别名的好处
2022/04/19 Oracle
uniapp 微信小程序 自定义tabBar 导航
2022/04/22 Javascript