基于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 相关文章推荐
最简单的js图片切换效果实现代码
Sep 24 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
Nov 05 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
js打造数组转json函数
Jan 14 Javascript
javascript先序遍历DOM树的方法
Feb 27 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
详解小程序不同页面之间通讯的解决方案
Nov 23 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 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屏蔽过滤指定关键字的方法
2014/11/03 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
仿猪八戒网左下角的文字滚动效果
2011/10/28 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
2017/01/04 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
2017/11/28 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
js数组的基本使用总结
2021/01/18 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
python解析html开发库pyquery使用方法
2014/02/07 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
python多线程抽象编程模型详解
2019/03/20 Python
Python中os模块功能与用法详解
2020/02/26 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
python实现发送邮件
2021/03/02 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
党课培训主持词
2014/04/01 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
大一新生期末自我评价
2014/09/12 职场文书
道歉信怎么写
2015/05/12 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js