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中的Location地址对象
Jan 16 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
16个最流行的JavaScript框架[推荐]
May 29 Javascript
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
Easyui Treegrid改变默认图标的方法
Apr 29 Javascript
Element Input组件分析小结
Oct 11 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
小程序api实现promise封装过程解析
Nov 21 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 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的优点与缺点
2013/04/11 PHP
php的hash算法介绍
2014/02/13 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
浅谈jquery页面初始化的4种方式
2016/11/27 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python共享引用(多个变量引用)示例代码
2013/12/04 Python
python中返回矩阵的行列方法
2018/04/04 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
Python常见数据类型转换操作示例
2019/05/08 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
Java的基础面试题附答案
2016/01/10 面试题
新媒传信软件测试面试题
2013/02/24 面试题
半年思想汇报
2013/12/30 职场文书
保密普查工作实施方案
2014/02/25 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
投标单位介绍信
2015/05/05 职场文书
干部外出学习心得体会
2016/01/18 职场文书
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android