基于jQuery實現(xiàn)仿微博發(fā)布框字數(shù)提示
更新時間：2016年07月27日 17:02:06 作者：macanfa
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)仿微博發(fā)布框字數(shù)提示的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
jQuery實現(xiàn)仿微博發(fā)布框字數(shù)提示，主要是運用字符串操作！
效果圖：
HTML:
<textarea name="" id="" cols="30" rows="10"></textarea><br> <span>你還可以輸入<strong style="color:red;">140</strong>個字</span>
JQ:
$(function(){
var maxlength=140;//初始化最大字數(shù)
$("textarea").keyup(function(){
var l=$(this).val().length;
$("strong").text(maxlength-l);//還可以輸入多少個
//字數(shù)超出
if(parseInt($("strong").text())<0){
$("strong").text(0);//強制字數(shù)
var val=$(this).val().substring(0,140);/*截取指定的字符串，左閉右開*/
$(this).val(val);
}
});
})
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了jQuery中data()方法用法,實例分析了data()方法向匹配元素附加數(shù)據(jù)及獲取數(shù)據(jù)的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery 圖片查看器插件 Viewer.js用法簡單示例
這篇文章主要介紹了jQuery 圖片查看器插件 Viewer.js用法,結合簡單示例形式分析了jQuery 圖片查看器插件 Viewer.js的基本功能、調用方法及后臺數(shù)據(jù)調用處理技巧,需要的朋友可以參考下2020-04-04
本文主要介紹了Ajax基本概念；Ajax的異步加載局部刷新功能的實現(xiàn)；通過XMLHttpRequest發(fā)送請求。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了基于jQuery實現(xiàn)拖拽圖標到回收站并刪除功能，實現(xiàn)非常簡單，我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡單實現(xiàn)在網(wǎng)頁上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下2015-11-11
使用jquery的cookie實現(xiàn)登錄頁記住用戶名和密碼的方法
今天小編就為大家分享一篇關于使用jquery的cookie實現(xiàn)登錄頁記住用戶名和密碼的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
并不是所有的瀏覽器都暴露了dom的對象原型,所以不能通過簡單擴展原型方法并通過return this的形式來實現(xiàn)跨瀏覽器的鏈式調用,jquery采用了包裝器的方式來解決了這個問題。2010-12-12
jquery validate添加自定義驗證規(guī)則(驗證郵箱 郵政編碼)
這篇文章主要介紹了query validate添加自定義驗證規(guī)則,可以驗證郵箱、郵政編碼等，看代碼參考使用2013-12-12
下面小編就為大家?guī)硪黄狫Query 傳送中文亂碼問題的簡單解決辦法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
什么是事件起泡：一個事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來為大家介紹下jquery阻止事件起泡以及關于js事件起泡的驗證，感興趣的朋友可以參考下哈2013-03-03
本文的目的是可以快速了解jQuery插件的開發(fā)原理以及掌握jQuery開發(fā)的基本技能。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01