基于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 相关文章推荐
JavaScript学习笔记(十七)js 优化
Feb 04 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
jQuery 选择器详解
Jan 19 Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
javascript之Object.assign()的痛点分析
Mar 03 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
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
javascript multibox 全选
2009/03/22 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
jQuery中:button选择器用法实例
2015/01/04 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
JS二分查找算法详解
2017/11/01 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
python2和python3的输入和输出区别介绍
2018/11/20 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
python flask搭建web应用教程
2019/11/19 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
同程旅游英文网站:LY.com
2018/11/13 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
恶意软件的定义
2014/11/12 面试题
学生打架检讨书1000字
2014/01/16 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
2016党校培训心得体会
2016/01/07 职场文书
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis