揭秘用jquery建立類Twitter站點(diǎn)的方法(5)_PHP教程
推薦:淺談基于UML的城軌列車超速防護(hù)系統(tǒng)建模摘要:分析I-Logix公司的Rhapsody軟件的主要特性在Rhapsody開發(fā)環(huán)境下對(duì)北京地鐵1號(hào)線的ATP系統(tǒng)車載設(shè)備進(jìn)行UML建模,并介紹系統(tǒng)級(jí)調(diào)試功能。 統(tǒng)一建模語(yǔ)言UML(UnifiedModelingLanguage)是迄今為止最好的面向?qū)ο蟮慕y(tǒng)一建模語(yǔ)言,它取代了以往各種面向?qū)ο蟊硎?/p>
第七步:為輸入框創(chuàng)建字符計(jì)算
在twitter中有個(gè)有趣的功能,只允許用戶輸入最多140個(gè)字符,當(dāng)用戶輸入時(shí),twitter會(huì)告訴用戶,他/她還能輸入多少字符。如下所示:

在我們的教程中,我們沒(méi)必要限制用戶輸入為140個(gè)字符,當(dāng)我們也可以計(jì)算用戶輸入了多少字符,并且能在用戶輸入時(shí)即時(shí)顯示字符計(jì)數(shù)。
該功能實(shí)現(xiàn)代碼如下:
$(document).ready(function(){
$("#counter").html($("#message").val().length + "");
$("#message").keyup(function(){
// get new length of characters
$("#counter").html($(this).val().length);
});
});
現(xiàn)在,當(dāng)用戶輸入時(shí),字符計(jì)數(shù)會(huì)同時(shí)增加,如下所示:

結(jié)論
現(xiàn)在,我們完成了教程。最終作品看起來(lái)如下圖:

在本教程中,代碼僅僅用于演示jquery, php和mysql的用法,因此,有時(shí)候看來(lái)不那么優(yōu)雅。
分享:關(guān)于php的職業(yè)分析--如何成為一名優(yōu)秀的phper最近經(jīng)常有朋友跟我講,很想來(lái)學(xué)習(xí)php,但又不敢來(lái)學(xué),為什么?說(shuō)是有人跟他講,php沒(méi)前途,程序員一大把,php程序員日益呈現(xiàn)白菜價(jià)趨勢(shì)。我對(duì)我的朋友講:只要你有技術(shù)過(guò)硬的信心,你完全可以按照自己的職業(yè)規(guī)劃前行。 不錯(cuò),現(xiàn)在的php程序員很多,但這個(gè)群
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁(yè)面代碼執(zhí)行時(shí)間
- PHP中獎(jiǎng)概率的抽獎(jiǎng)算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對(duì)圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問(wèn)控制的和運(yùn)算符優(yōu)先級(jí)介紹
- 關(guān)于PHP語(yǔ)言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實(shí)現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國(guó)語(yǔ)言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
PHP教程Rss訂閱編程教程搜索
PHP教程推薦
- PHP技巧:php過(guò)濾危險(xiǎn)html代碼
- 解析PHP跳出循環(huán)的方法以及continue、break、exit的區(qū)別介紹
- PHP+jQuery實(shí)現(xiàn)自動(dòng)補(bǔ)全功能源碼
- PHP中isset和empty函數(shù)的區(qū)別
- WordPress禁止輸出錯(cuò)誤信息設(shè)置方法
- 深入解析fsockopen與pfsockopen的區(qū)別
- 學(xué)習(xí)PHP技術(shù):txtSQL安裝手冊(cè)中文版
- php在window iis的莫名問(wèn)題的測(cè)試方法
- 詳細(xì)介紹php5編程中的異常處理
- php修改NetBeans默認(rèn)字體的大小
- 相關(guān)鏈接:
- 教程說(shuō)明:
PHP教程-揭秘用jquery建立類Twitter站點(diǎn)的方法(5)
。