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 相关文章推荐
JQuery autocomplete 使用手册
Apr 01 Javascript
JavaScript 程序编码规范
Nov 23 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
浅谈开发eslint规则
Oct 01 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
Aug 20 Javascript
JavaScript监听键盘事件代码实现
Jun 03 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
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
python用户评论标签匹配的解决方法
2018/05/31 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
使用Python函数进行模块化的实现
2019/11/15 Python
基于python图像处理API的使用示例
2020/04/03 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
Python openpyxl模块实现excel读写操作
2020/06/30 Python
浅谈css3中的渐进增强和优雅降级
2017/12/01 HTML / CSS
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
本科生职业生涯规划书范文
2014/01/21 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
环保宣传语大全
2015/07/13 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
redis配置文件中常用配置详解
2021/04/14 Redis
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers
zabbix如何添加监控主机和自定义监控项
2022/08/14 Servers