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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
跨浏览器的事件对象介绍
Jun 27 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
jQuery编程中的一些核心方法简介
Aug 14 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
Feb 16 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
几句话带你理解JS中的this、闭包、原型链
Sep 26 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
vuejs如何配置less
2017/04/25 Javascript
微信小程序实现留言板
2018/10/31 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
Django内容增加富文本功能的实例
2017/10/17 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
如何整合JQuery和Prototype
2014/01/31 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
新三好学生主要事迹
2014/01/23 职场文书
年度评优评先方案
2014/06/03 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js
python四种出行路线规划的实现
2021/06/23 Python
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技
python中的random模块和相关函数详解
2022/04/22 Python