基于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小技巧
Mar 01 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
Vue2.0表单校验组件vee-validate的使用详解
May 02 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
Node.Js生成比特币地址代码解析
Apr 21 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
PHP Switch 语句之学习笔记
2013/09/21 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
PHP手机号中间四位用星号*代替显示的实例
2017/06/02 PHP
jQuery 使用手册(六)
2009/09/23 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
windows下Virtualenvwrapper安装教程
2017/12/13 Python
numpy排序与集合运算用法示例
2017/12/15 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
荷兰网上药店:Drogisterij.net
2019/09/03 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
会计实习自我鉴定
2013/12/04 职场文书
实习生的自我评价
2014/01/08 职场文书
讲解员培训方案
2014/05/04 职场文书
建设工程授权委托书
2014/09/22 职场文书
学生打架检讨书
2014/10/20 职场文书
先进党组织事迹材料
2014/12/26 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
爱国主义影片观后感
2015/06/18 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
导游词之丽江普济寺
2019/10/22 职场文书