基于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 ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
浅析JS异步加载进度条
May 05 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
详解js的六大数据类型
Dec 27 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
js匿名函数使用&amp;传参(实例)
Sep 08 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 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中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
php跨站攻击实例分析
2014/10/28 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
php7 新增功能实例总结
2020/05/25 PHP
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
javascript函数自动执行常用方法汇总
2016/03/28 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
python中pyplot基础图标函数整理
2020/11/10 Python
python 实现逻辑回归
2020/12/30 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
接待员岗位职责范本
2015/04/15 职场文书
公司地址变更通知
2015/04/25 职场文书
python单元测试之pytest的使用
2021/06/07 Python
Sql Server之数据类型详解
2022/02/28 SQL Server
Win11查看设备管理器
2022/04/19 数码科技