基于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实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
浏览器缩放检测的js代码
Sep 28 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
Vue-cli配置打包文件本地使用的教程图解
Aug 02 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 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面试题(对属性或方法的访问控制)
2012/09/13 PHP
PHP防止注入攻击实例分析
2014/11/03 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
PHP tp5中使用原生sql查询代码实例
2020/10/28 PHP
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
2017/09/10 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
Python中特殊函数集锦
2015/07/27 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
为什么称python为胶水语言
2020/06/16 Python
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
金秋助学感谢信
2015/01/21 职场文书
银行服务理念口号
2015/12/25 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书