基于jquery的textarea发布框限制文字字数输入(添加中文识别)


Posted in Javascript onFebruary 16, 2012

效果图如下 :

基于jquery的textarea发布框限制文字字数输入(添加中文识别)
源代码如下 :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("textarea").keyup(); 
}); function strLenCalc(obj, checklen, maxlen) { 

var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length; 

for(var i = 0; i < v.length; i++) { 


if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) { 
curlen -= 1; 
} 
} 

if(curlen >= len) { 
$("#"+checklen).html("还可输入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 个字").css('color', ''); 
$("#subBtn").removeAttr("disabled"); 
} else { 
$("#"+checklen).html("已经超过 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 个字").css('color', '#FF0000'); 
$("#subBtn").attr("disabled", "disabled"); 
} 
} 
</script> 
<textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea> 
<span id="checklen">还可输入 <strong>40</strong> 个汉字</span> 
<input type="submit" id="subBtn" value="发布" />
Javascript 相关文章推荐
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
Mar 16 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
layui table 参数设置方法
Aug 14 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
js URL参数的拼接方法比较
Feb 15 #Javascript
javascript题目,重写函数让其无限相加
Feb 15 #Javascript
用JQUERY增删元素的代码
Feb 14 #Javascript
修改jQuery Validation里默认的验证方法
Feb 14 #Javascript
利用jquery的获取JS文件中的字符串内容
Feb 14 #Javascript
js 金额文本框实现代码
Feb 14 #Javascript
jQuery UI Autocomplete 体验分享
Feb 14 #Javascript
You might like
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
vue生成token并保存到本地存储中
2018/07/17 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
vue中是怎样监听数组变化的
2020/10/24 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
详解Python用户登录接口的方法
2019/04/17 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
简历中自我评价分享
2013/10/09 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
汇报材料怎么写
2014/12/30 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS