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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
快速掌握Node.js事件驱动模型
Mar 21 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 Javascript
vue使用原生swiper代码实例
Feb 05 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性能优化准备篇图解PEAR安装
2011/12/05 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
2011/04/27 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
详解JavaScript中双等号引起的隐性类型转换
2016/05/30 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
AngularJS中watch监听用法分析
2016/11/04 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
Python字符串格式化
2015/06/15 Python
Python基于贪心算法解决背包问题示例
2017/11/27 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
transform python环境快速配置方法
2018/09/27 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
Python爬取网页信息的示例
2020/09/24 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
详解如何获取localStorage最大存储大小的方法
2020/05/21 HTML / CSS
人力资源部经理助理岗位职责
2014/03/04 职场文书
广播体操口号
2014/06/18 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS