基于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学习笔记(一) js基本语法
Oct 25 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
javascript 循环调用示例介绍
Nov 20 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
JS中传递参数的几种不同方法比较
Jan 20 Javascript
Vue.js搭建移动端购物车界面
Jun 28 Javascript
vue中实现上传文件给后台实例详解
Aug 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动态图像的创建
2006/10/09 PHP
PHP运行模式的深入理解
2013/06/03 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
PHP微信API接口类
2016/08/22 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
移动端点击态处理的三种实现方式
2017/01/12 Javascript
js实现可以点击收缩或张开的悬浮窗
2017/09/18 Javascript
jfinal与bootstrap的登出实战详解
2017/11/27 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
centos下更新Python版本的步骤
2013/02/12 Python
Python中无限元素列表的实现方法
2014/08/18 Python
在Python中使用正则表达式的方法
2015/08/13 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
django框架自定义模板标签(template tag)操作示例
2019/06/24 Python
python Paramiko使用示例
2020/09/21 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
UGG英国官方网站:UGG UK
2018/02/08 全球购物
商场消防演习方案
2014/02/12 职场文书
学校校庆演讲稿
2014/05/22 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
不错的求职信范文
2014/07/20 职场文书
创优争先心得体会
2014/09/11 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
慰问信格式规范
2015/03/23 职场文书
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python