基于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 相关文章推荐
iframe 异步加载技术及性能分析
Jul 19 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
JS代码防止SQL注入的方法(超简单)
Apr 12 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
Jun 26 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
layui自定义ajax左侧三级菜单
Jul 26 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
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
需要发散思维学习PHP
2009/06/29 PHP
php的大小写敏感问题整理
2011/12/29 PHP
php中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
记录一篇关于redux-saga的基本使用过程
2018/08/18 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
Python编程中NotImplementedError的使用方法
2018/04/21 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
详解python深浅拷贝区别
2019/06/24 Python
flask框架路由常用定义方式总结
2019/07/23 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
python pyqtgraph 保存图片到本地的实例
2020/03/14 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
业务助理岗位职责
2013/11/18 职场文书
法律意见书范文
2015/05/20 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫