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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
javascript 继承实现方法
Aug 26 Javascript
关于jQuery object and DOM element
Apr 15 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
JavaScript中 DOM操作方法小结
Apr 25 Javascript
微信小程序 标签传入数据
May 08 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 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的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
php Smarty初体验二 获取配置信息
2011/08/08 PHP
php提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
PHP实现微信提现功能
2018/09/30 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
Pandas读写CSV文件的方法示例
2019/03/27 Python
浅析python中while循环和for循环
2019/11/19 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
大学毕业生个人自荐信范文
2014/01/08 职场文书
高二历史教学反思
2014/01/25 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
初三学生个人自我评定
2014/04/06 职场文书
学生安全责任书
2014/04/15 职场文书
分家协议书
2014/04/21 职场文书
怀念母亲教学反思
2014/04/28 职场文书
学校标语大全
2014/06/19 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
2015大学生实训报告
2014/11/05 职场文书
质检员岗位职责范本
2015/04/07 职场文书
志愿者工作心得体会
2016/01/15 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书