基于jQuery实现仿微博发布框字数提示

更新时间：2016年07月27日 17:02:06 作者：macanfa

这篇文章主要为大家详细介绍了基于jQuery实现仿微博发布框字数提示的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

jQuery实现仿微博发布框字数提示，主要是运用字符串操作！

效果图：

HTML:

<textarea name="" id="" cols="30" rows="10"></textarea><br>
<span>你还可以输入<strong style="color:red;">140</strong>个字</span>

JQ:

  $(function(){
    var maxlength=140;//初始化最大字数
    $("textarea").keyup(function(){
    var l=$(this).val().length;
    $("strong").text(maxlength-l);//还可以输入多少个
    //字数超出
    if(parseInt($("strong").text())<0){
      $("strong").text(0);//强制字数
      var val=$(this).val().substring(0,140);/*截取指定的字符串，左闭右开*/
      $(this).val(val);
    }
  });
  })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jQuery中data()方法用法实例
这篇文章主要介绍了jQuery中data()方法用法,实例分析了data()方法向匹配元素附加数据及获取数据的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
jQuery 图片查看器插件 Viewer.js用法简单示例
这篇文章主要介绍了jQuery 图片查看器插件 Viewer.js用法,结合简单示例形式分析了jQuery 图片查看器插件 Viewer.js的基本功能、调用方法及后台数据调用处理技巧,需要的朋友可以参考下
2020-04-04
jQuery Ajax全解析
本文主要介绍了Ajax基本概念；Ajax的异步加载局部刷新功能的实现；通过XMLHttpRequest发送请求。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
基于jQuery实现拖拽图标到回收站并删除功能
这篇文章主要介绍了基于jQuery实现拖拽图标到回收站并删除功能，实现非常简单，我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素的功能，感兴趣的小伙伴们可以参考一下
2015-11-11
使用jquery的cookie实现登录页记住用户名和密码的方法
今天小编就为大家分享一篇关于使用jquery的cookie实现登录页记住用户名和密码的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-03-03
jQuery的链式调用浅析
并不是所有的浏览器都暴露了dom的对象原型,所以不能通过简单扩展原型方法并通过return this的形式来实现跨浏览器的链式调用,jquery采用了包装器的方式来解决了这个问题。
2010-12-12
jquery validate添加自定义验证规则(验证邮箱邮政编码)
这篇文章主要介绍了query validate添加自定义验证规则,可以验证邮箱、邮政编码等，看代码参考使用
2013-12-12
JQuery 传送中文乱码问题的简单解决办法
下面小编就为大家带来一篇JQuery 传送中文乱码问题的简单解决办法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
事件冒泡是什么如何用jquery阻止事件冒泡
什么是事件起泡：一个事件不能凭空产生，这就是事件的发生等等，接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证，感兴趣的朋友可以参考下哈
2013-03-03
快速掌握jQuery插件开发
本文的目的是可以快速了解jQuery插件的开发原理以及掌握jQuery开发的基本技能。具有很好的参考价值，下面跟着小编一起来看下吧
2017-01-01