基于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 相关文章推荐
JS获取父节点方法
Aug 20 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
原生javascript实现图片轮播效果代码
Sep 03 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
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
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
深入浅出了解Node.js Streams
2019/05/27 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
python正则表达式中的括号匹配问题
2014/12/14 Python
详解Python3.1版本带来的核心变化
2015/04/07 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
python实现词法分析器
2019/01/31 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
Pandas把dataframe或series转换成list的方法
2020/06/14 Python
Pytorch 卷积中的 Input Shape用法
2020/06/29 Python
python爬虫---requests库的用法详解
2020/09/28 Python
销售活动策划方案
2014/08/26 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python