基于jQuery實現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示
更新時間：2016年07月27日 17:02:06 作者：macanfa
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
jQuery實現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示，主要是運用字符串操作！
效果圖：
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);//強制字?jǐn)?shù)
var val=$(this).val().substring(0,140);/*截取指定的字符串，左閉右開*/
$(this).val(val);
}
});
})
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了輕量級網(wǎng)頁遮罩層jQuery插件用法,實例分析了jquery遮罩層插件的定義、功能及使用方法,非常簡單實用,需要的朋友可以參考下2015-07-07
jQuery實現(xiàn)的小圖列表，大圖展示效果幻燈片示例
這篇文章主要介紹了jQuery實現(xiàn)的小圖列表，大圖展示效果幻燈片,結(jié)合完整實例形式分析了jQuery圖片滑動切換功能的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)照片墻自動播放特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01![jQuery實現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能](http://img.jbzj.com/images/xgimg/bcimg3.png)
jQuery實現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能
這篇文章主要介紹了jQuery實現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
jquery實現(xiàn)商品sku多屬性選擇功能（商品詳情頁）
這篇文章主要介紹了jquery實現(xiàn)商品sku多屬性選擇功能（商品詳情頁）,文中簡單給大家介紹了sku的概念，需要的朋友可以參考下2019-12-12
本篇文章主要介紹了ajaxFileUpload 異步上傳文件簡單使用，jQuery插件AjaxFileUpload可以實現(xiàn)ajax文件上傳。有興趣的可以了解一下，2016-12-12
js制作的鼠標(biāo)懸浮時產(chǎn)生的下拉框效果
js制作的鼠標(biāo)懸浮時產(chǎn)生的下拉框效果，需要的朋友可以參考下2012-10-10
JQuery 風(fēng)格的HTML文本轉(zhuǎn)義
astinus開發(fā)過程中，我自己就在不斷的使用。有次貼了一些JS代碼進去，于是頁面顯示錯誤。顯然，把源代碼直接放進html文本了——好吧，從05年轉(zhuǎn)去做網(wǎng)游以后，一直沒有正經(jīng)的做過web了。2009-07-07
這篇文章主要介紹了jQuery中insertAfter()方法用法,實例分析了insertAfter()方法的功能、定義及匹配的元素插入到另一個指定的元素集合后面的使用技巧,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)電梯導(dǎo)航案例詳解(切換?網(wǎng)頁區(qū)域)
日常生活中用手機，電腦瀏覽網(wǎng)頁時，滑到了頁面下端后想返回頂部 或 跳轉(zhuǎn)到頁面別的版塊，用鼠標(biāo)滾動很麻煩，網(wǎng)頁電梯導(dǎo)航就可以很方便的精準(zhǔn)到達目標(biāo)版塊，本文給大家分享jquery電梯導(dǎo)航案例詳解，感興趣的朋友一起看看吧2022-05-05