基于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);/*截取指定的字符串，左閉右開(kāi)*/
$(this).val(val);
}
});
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JS實(shí)現(xiàn)模仿微博發(fā)布效果實(shí)例代碼
- PHP+Mysql+jQuery實(shí)現(xiàn)發(fā)布微博程序 jQuery篇
- 基于jquery DOM寫的類似微博發(fā)布的效果
- JS實(shí)現(xiàn)仿新浪微博發(fā)布內(nèi)容為空時(shí)提示功能代碼
- 使用新浪微博API的OAuth認(rèn)證發(fā)布微博實(shí)例
- PHP+Mysql+jQuery實(shí)現(xiàn)發(fā)布微博程序 php篇
- 原生JavaScript制作微博發(fā)布面板效果
- 基于javascript制作微博發(fā)布欄效果
- JavaScript仿微博發(fā)布信息案例
- js仿新浪微博消息發(fā)布功能
相關(guān)文章
這篇文章主要介紹了jQuery中data()方法用法,實(shí)例分析了data()方法向匹配元素附加數(shù)據(jù)及獲取數(shù)據(jù)的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery 圖片查看器插件 Viewer.js用法簡(jiǎn)單示例
這篇文章主要介紹了jQuery 圖片查看器插件 Viewer.js用法,結(jié)合簡(jiǎn)單示例形式分析了jQuery 圖片查看器插件 Viewer.js的基本功能、調(diào)用方法及后臺(tái)數(shù)據(jù)調(diào)用處理技巧,需要的朋友可以參考下2020-04-04
本文主要介紹了Ajax基本概念；Ajax的異步加載局部刷新功能的實(shí)現(xiàn)；通過(guò)XMLHttpRequest發(fā)送請(qǐng)求。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能，實(shí)現(xiàn)非常簡(jiǎn)單，我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡(jiǎn)單實(shí)現(xiàn)在網(wǎng)頁(yè)上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下2015-11-11
使用jquery的cookie實(shí)現(xiàn)登錄頁(yè)記住用戶名和密碼的方法
今天小編就為大家分享一篇關(guān)于使用jquery的cookie實(shí)現(xiàn)登錄頁(yè)記住用戶名和密碼的方法，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
并不是所有的瀏覽器都暴露了dom的對(duì)象原型,所以不能通過(guò)簡(jiǎn)單擴(kuò)展原型方法并通過(guò)return this的形式來(lái)實(shí)現(xiàn)跨瀏覽器的鏈?zhǔn)秸{(diào)用,jquery采用了包裝器的方式來(lái)解決了這個(gè)問(wèn)題。2010-12-12
jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
這篇文章主要介紹了query validate添加自定義驗(yàn)證規(guī)則,可以驗(yàn)證郵箱、郵政編碼等，看代碼參考使用2013-12-12
JQuery 傳送中文亂碼問(wèn)題的簡(jiǎn)單解決辦法
下面小編就為大家?guī)?lái)一篇JQuery 傳送中文亂碼問(wèn)題的簡(jiǎn)單解決辦法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
什么是事件起泡：一個(gè)事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來(lái)為大家介紹下jquery阻止事件起泡以及關(guān)于js事件起泡的驗(yàn)證，感興趣的朋友可以參考下哈2013-03-03
本文的目的是可以快速了解jQuery插件的開(kāi)發(fā)原理以及掌握jQuery開(kāi)發(fā)的基本技能。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01