基于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奇异的arguments分析
Oct 20 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
用原生js做单页应用
Jan 17 Javascript
原生JS仿QQ阅读点击展开、收起效果
Mar 08 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
May 07 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
原生JavaScript实现换肤
Feb 19 Javascript
Vue router配置与使用分析讲解
Dec 24 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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP模板引擎Smarty自定义变量调解器用法
2016/04/11 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
jquery 图片缩放拖动的简单实例
2014/01/08 Javascript
JavaScript运算符小结
2015/06/03 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
python实现从web抓取文档的方法
2014/09/26 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
python3 logging日志封装实例
2020/04/08 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
高三政治教学反思
2014/02/06 职场文书
暑假家长评语大全
2014/04/17 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
请客吃饭开场白
2015/06/01 职场文书