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库 pj介绍
Dec 19 Javascript
jQuery中live方法的重复绑定说明
Oct 21 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
Javascript中的getter和setter初识
Aug 17 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
js实现提交前对列表数据的增删改查
Jan 16 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
在webstorm中配置less的方法详解
Sep 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/06/08 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
Angular2库初探
2017/03/01 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
2017/06/13 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
使用Python的PEAK来适配协议的教程
2015/04/14 Python
python将文本转换成图片输出的方法
2015/04/28 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
python退出循环的方法
2020/06/18 Python
Python logging模块handlers用法详解
2020/08/14 Python
英国绿色商店:Natural Collection
2019/05/03 全球购物
2014年父亲节活动方案
2014/03/06 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
水电工岗位职责
2015/02/14 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android