基于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 函数中的参数使用分析
Mar 27 Javascript
JS 自定义带默认值的函数
Jul 21 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
Apr 26 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
vue构建动态表单的方法示例
Sep 22 Javascript
微信小程序渲染性能调优小结
Jul 30 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
vue 虚拟DOM的原理
Oct 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加密解密的代码
2006/10/09 PHP
PHP学习之PHP运算符
2006/10/09 PHP
php curl的深入解析
2013/06/02 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
Js控制滑轮左右滑动实例
2015/02/13 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
详解vue中axios的封装
2018/07/18 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
python同时替换多个字符串方法示例
2019/09/17 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
学习Python列表的基础知识汇总
2020/03/10 Python
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
投标承诺书怎么写
2014/05/24 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL