快捷導(dǎo)航

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

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

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

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>個(gè)字</span>

JQ:

  $(function(){
    var maxlength=140;//初始化最大字?jǐn)?shù)
    $("textarea").keyup(function(){
    var l=$(this).val().length;
    $("strong").text(maxlength-l);//還可以輸入多少個(gè)
    //字?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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

輕量級(jí)網(wǎng)頁遮罩層jQuery插件用法實(shí)例
這篇文章主要介紹了輕量級(jí)網(wǎng)頁遮罩層jQuery插件用法,實(shí)例分析了jquery遮罩層插件的定義、功能及使用方法,非常簡單實(shí)用,需要的朋友可以參考下
2015-07-07
jQuery實(shí)現(xiàn)的小圖列表，大圖展示效果幻燈片示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的小圖列表，大圖展示效果幻燈片,結(jié)合完整實(shí)例形式分析了jQuery圖片滑動(dòng)切換功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-10-10
基于jQuery實(shí)現(xiàn)照片墻自動(dòng)播放特效
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)照片墻自動(dòng)播放特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-08-08
jquery實(shí)現(xiàn)商品sku多屬性選擇功能（商品詳情頁）
這篇文章主要介紹了jquery實(shí)現(xiàn)商品sku多屬性選擇功能（商品詳情頁）,文中簡單給大家介紹了sku的概念，需要的朋友可以參考下
2019-12-12
解析ajaxFileUpload 異步上傳文件簡單使用
本篇文章主要介紹了ajaxFileUpload 異步上傳文件簡單使用，jQuery插件AjaxFileUpload可以實(shí)現(xiàn)ajax文件上傳。有興趣的可以了解一下，
2016-12-12
js制作的鼠標(biāo)懸浮時(shí)產(chǎn)生的下拉框效果
js制作的鼠標(biāo)懸浮時(shí)產(chǎn)生的下拉框效果，需要的朋友可以參考下
2012-10-10
JQuery 風(fēng)格的HTML文本轉(zhuǎn)義
astinus開發(fā)過程中，我自己就在不斷的使用。有次貼了一些JS代碼進(jìn)去，于是頁面顯示錯(cuò)誤。顯然，把源代碼直接放進(jìn)html文本了——好吧，從05年轉(zhuǎn)去做網(wǎng)游以后，一直沒有正經(jīng)的做過web了。
2009-07-07
jQuery中insertAfter()方法用法實(shí)例
這篇文章主要介紹了jQuery中insertAfter()方法用法,實(shí)例分析了insertAfter()方法的功能、定義及匹配的元素插入到另一個(gè)指定的元素集合后面的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實(shí)現(xiàn)電梯導(dǎo)航案例詳解(切換?網(wǎng)頁區(qū)域)
日常生活中用手機(jī)，電腦瀏覽網(wǎng)頁時(shí)，滑到了頁面下端后想返回頂部或跳轉(zhuǎn)到頁面別的版塊，用鼠標(biāo)滾動(dòng)很麻煩，網(wǎng)頁電梯導(dǎo)航就可以很方便的精準(zhǔn)到達(dá)目標(biāo)版塊，本文給大家分享jquery電梯導(dǎo)航案例詳解，感興趣的朋友一起看看吧
2022-05-05