jquery实现textarea输入框限制字数的方法


Posted in Javascript onJanuary 15, 2015

本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下:

网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。

<html>

<head>

<title> jquery完美实现textarea输入框限制字数</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("#weibo").keyup(function(){

   var len = $(this).val().length;

   if(len > 139){

    $(this).val($(this).val().substring(0,140));

   }

   var num = 140 - len;

   $("#word").text(num);

  });

 });

</script>

<style type="text/css">

h6{color:blue;}

textarea{resize:none;}

#word{color:red;}

</style>

</head>

<body>

<h6>说点什么吧,你可以输入<span>140</span>个字,现在剩余<span id="word">140</span>个</h6>

<textarea name="con" id="weibo" cols="45" rows="6"></textarea>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
飞鱼(shqlsl) javascript作品集
Dec 16 Javascript
greybox——不开新窗口看新的网页
Feb 20 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
js实现顶部可折叠的菜单工具栏效果实例
May 09 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
JS设计模式之观察者模式实现实时改变页面中金额数的方法
Feb 05 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
Apr 23 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
28个常用JavaScript方法集锦
Jan 14 #Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 #Javascript
jquery移动节点实例
Jan 14 #Javascript
jquery获取checkbox的值并post提交
Jan 14 #Javascript
js打造数组转json函数
Jan 14 #Javascript
使用jquery 简单实现下拉菜单
Jan 14 #Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 #Javascript
You might like
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
php下统计用户在线时间的一种尝试
2010/08/26 PHP
PHP imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
PHP服务器页面间跳转实现方法
2012/08/02 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
深入Python函数编程的一些特性
2015/04/13 Python
python使用opencv读取图片的实例
2017/08/17 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
Flask之flask-script模块使用
2018/07/26 Python
详解Python3 基本数据类型
2019/04/19 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
全民健身日活动方案
2014/01/29 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫
Java完整实现记事本代码
2022/06/16 Java/Android