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 相关文章推荐
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
关于AOP在JS中的实现与应用详解
May 06 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
分享15个Webpack实用的插件!!!
Mar 31 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的FTP学习(四)
2006/10/09 PHP
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
php session安全问题分析
2011/06/24 PHP
轻松实现php文件上传功能
2017/02/17 PHP
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
2017/03/19 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019/09/25 Javascript
详解Python命令行解析工具Argparse
2016/04/20 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
小学教师的个人自我鉴定
2013/10/24 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
公司新员工欢迎词
2015/09/30 职场文书
学习经验交流会策划书
2015/11/02 职场文书
如何理解Vue简单状态管理之store模式
2021/05/15 Vue.js
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers