Jquery实现仿新浪微博获取文本框能输入的字数代码


Posted in Javascript onFebruary 22, 2013

limit.js代码

//txt:文本框jquery对象 
//limit:限制的字数 
//isbyte:true:视limit为字节数;false:视limit为字符数 
//cb:回调函数,参数为可输入的字数 
function InitLimit(txt,limit,isbyte,cb){ 
txt.keyup(function(){ 
var str=txt.val(); 
var charLen; 
var byteLen=0; 
if(isbyte){//原文博客:blog.csdn.net/bluceyoung 
for(var i=0;i<str.length;i++){ 
if(str.charCodeAt(i)>255){ 
byteLen+=2; 
}else{ 
byteLen++; 
} 
} 
charLen = Math.floor((limit-byteLen)/2); 
}else{ 
byteLen=str.length; 
charLen=limit-byteLen; 
} 
cb(charLen); 
}); 
}

页面代码
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"> 
</script> 
<script type="text/javascript" src="limit.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
InitLimit($("#txt"),10,true,function(c){ 
if(c>=0){ 
$("#show").val("还能输入"+c+"个字"); 
}else{ 
$("#show").val("已经超过"+(-c)+"个字"); 
} 
}); 
InitLimit($("#txt1"),10,true,function(c){ 
if(c>=0){ 
$("#show1").val("还能输入"+c+"个字"); 
}else{ 
$("#show1").val("已经超过"+(-c)+"个字"); 
} 
}); 
}); 
</script> 
</head> 
<body> 
<input type="text" id="txt"/><input id="show" type="text"/><br/> 
<input type="text" id="txt1"/><input id="show1" type="text"/> 
</body> 
</html>

Jquery实现仿新浪微博获取文本框能输入的字数代码
Javascript 相关文章推荐
javascript基础的动画教程,直观易懂
Jan 10 Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 Javascript
js监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
IE的fireEvent方法概述及应用
Feb 22 #Javascript
js取得url地址参数实例
Feb 22 #Javascript
js模拟滚动条(横向竖向)
Feb 22 #Javascript
js时间日期和毫秒的相互转换
Feb 22 #Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 #Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 #Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 #Javascript
You might like
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
javascript Array.remove() 数组删除
2009/08/06 Javascript
js/jquery判断浏览器的方法小结
2014/09/02 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
python实现简单购物商城
2016/05/21 Python
Python模拟三级菜单效果
2017/09/11 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
解决margin 外边距合并问题
2019/07/03 HTML / CSS
给医务人员表扬信
2014/01/12 职场文书
庆八一活动方案
2014/01/25 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
公证委托书大全
2014/04/04 职场文书
服装发布会策划方案
2014/05/22 职场文书
积极向上的团队口号
2014/06/06 职场文书
上甘岭观后感
2015/06/10 职场文书
导游词之江南周庄
2019/12/06 职场文书