国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

jQuery計算文本框字數及限制文本框字數的方法

2024-05-06 16:29:28
字體:
來源:轉載
供稿:網友
 
$tex.addClass("textColor") }else{ $tex.removeClass("textColor") } } }) })

一、功能:

用戶邊輸入計算同時進行,告訴用戶還剩余多少可輸入的字數;

當超過規定的字數后,點擊確定,會讓輸入框閃動

二、功能分析

重點是用什么事件?

標準瀏覽器用oninput,而IE則使用onpropertychange ,這兩個事件的發生條件,是文本框的值發生改變。

字數的計算。

一個中文算兩個,一個符號或數字,英文,算一個。(如果是規定140個字,乘以2,那么就是280個)。需要用到Math.ceil方法,因為最后還是要除以2來還原顯示給用戶的字數;

閃動背景色

這里用到了模運算,因為是重復的動作,第一次有顏色,第二次沒有顏色,這樣重復的動作,就有閃動效果.

因為肉眼要看到這二次有顏色和無顏色的效果,所以需要用到延時,setTimeout和setInterval. 這里用到的是setInterval,因為要重復動作。

下面一段代碼給大家介紹用jQuery實現限制輸入字數的文本框。

1.導入外部.js文件:

<script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>

2.在<body>標簽中加入如下代碼:

<body>還可以輸入<span id="word">140</span>個字<br /><textarea id="txt" name="" cols="" rows=""></textarea><script language="javascript" type="text/javascript">$("#txt").keyup(function(){ if($("#txt").val().length > 140){$("#txt").val( $("#txt").val().substring(0,140) );}$("#word").text( 140 - $("#txt").val().length ) ;});</script></body>

3.如果頁面加載時輸入框中有默認文本,那么要在頁面加載時運行如下jQuery代碼,方能正確顯示:

$("#word").text( 140 - $("#txt").val().length ) ;


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 福泉市| 秦皇岛市| 南丹县| 崇明县| 秀山| 葵青区| 文水县| 大渡口区| 盐边县| 江北区| 隆尧县| 凌海市| 潞西市| 荣成市| 通海县| 长春市| 伊春市| 舞阳县| 仁布县| 洛扎县| 宜宾市| 安陆市| 会昌县| 花莲市| 麦盖提县| 达州市| 长治县| 靖江市| 丰镇市| 南乐县| 乐至县| 泽普县| 馆陶县| 鲁山县| 梓潼县| 浦县| 卓资县| 阳江市| 祁东县| 韶山市| 雷山县|