基于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 get和post 方法传值注意事项
Nov 03 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
Nov 21 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Vue使用json-server进行后端数据模拟功能
Apr 17 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 各种排序算法实现代码
2009/08/20 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
PHP单例模式详细介绍
2015/07/01 PHP
event.srcElement+表格应用
2006/08/29 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
详解webpack 多入口配置
2017/06/16 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
详解javascript appendChild()的完整功能
2018/08/18 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
2019/11/20 Javascript
Python赋值语句后逗号的作用分析
2015/06/08 Python
Python3.6简单操作Mysql数据库
2017/09/12 Python
Django进阶之CSRF的解决
2018/08/01 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
为什么是 Python -m
2020/06/19 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
宿舍打麻将检讨书
2014/01/24 职场文书
大学生学年自我鉴定
2014/02/10 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
抢劫罪辩护词
2015/05/21 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书