基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示

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

這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示，主要是運(yùn)用字符串操作！

效果圖：

HTML:

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

JQ:

  $(function(){
    var maxlength=140;//初始化最大字?jǐn)?shù)
    $("textarea").keyup(function(){
    var l=$(this).val().length;
    $("strong").text(maxlength-l);//還可以輸入多少個
    //字?jǐn)?shù)超出
    if(parseInt($("strong").text())<0){
      $("strong").text(0);//強(qiáng)制字?jǐn)?shù)
      var val=$(this).val().substring(0,140);/*截取指定的字符串，左閉右開*/
      $(this).val(val);
    }
  });
  })

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery中data()方法用法實(shí)例
這篇文章主要介紹了jQuery中data()方法用法,實(shí)例分析了data()方法向匹配元素附加數(shù)據(jù)及獲取數(shù)據(jù)的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery 圖片查看器插件 Viewer.js用法簡單示例
這篇文章主要介紹了jQuery 圖片查看器插件 Viewer.js用法,結(jié)合簡單示例形式分析了jQuery 圖片查看器插件 Viewer.js的基本功能、調(diào)用方法及后臺數(shù)據(jù)調(diào)用處理技巧,需要的朋友可以參考下
2020-04-04
jQuery Ajax全解析
本文主要介紹了Ajax基本概念；Ajax的異步加載局部刷新功能的實(shí)現(xiàn)；通過XMLHttpRequest發(fā)送請求。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能，實(shí)現(xiàn)非常簡單，我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡單實(shí)現(xiàn)在網(wǎng)頁上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下
2015-11-11
使用jquery的cookie實(shí)現(xiàn)登錄頁記住用戶名和密碼的方法
今天小編就為大家分享一篇關(guān)于使用jquery的cookie實(shí)現(xiàn)登錄頁記住用戶名和密碼的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-03-03
jQuery的鏈?zhǔn)秸{(diào)用淺析
并不是所有的瀏覽器都暴露了dom的對象原型,所以不能通過簡單擴(kuò)展原型方法并通過return this的形式來實(shí)現(xiàn)跨瀏覽器的鏈?zhǔn)秸{(diào)用,jquery采用了包裝器的方式來解決了這個問題。
2010-12-12
jquery validate添加自定義驗證規(guī)則(驗證郵箱郵政編碼)
這篇文章主要介紹了query validate添加自定義驗證規(guī)則,可以驗證郵箱、郵政編碼等，看代碼參考使用
2013-12-12
JQuery 傳送中文亂碼問題的簡單解決辦法
下面小編就為大家?guī)硪黄狫Query 傳送中文亂碼問題的簡單解決辦法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
事件冒泡是什么如何用jquery阻止事件冒泡
什么是事件起泡：一個事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來為大家介紹下jquery阻止事件起泡以及關(guān)于js事件起泡的驗證，感興趣的朋友可以參考下哈
2013-03-03
快速掌握jQuery插件開發(fā)
本文的目的是可以快速了解jQuery插件的開發(fā)原理以及掌握jQuery開發(fā)的基本技能。具有很好的參考價值，下面跟著小編一起來看下吧
2017-01-01