国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 华池县| 汉川市| 库伦旗| 武宁县| 额济纳旗| 宜兰市| 吉安县| 慈溪市| 应用必备| 泸西县| 青阳县| 蓬安县| 监利县| 金乡县| 手游| 东乌珠穆沁旗| 灵武市| 太仆寺旗| 江津市| 额济纳旗| 崇明县| 红安县| 西安市| 武冈市| 山西省| 怀集县| 乃东县| 静安区| 三台县| 鄂伦春自治旗| 清原| 青龙| 万源市| 阳朔县| 和林格尔县| 承德县| 中牟县| 霍州市| 青川县| 文昌市| 武安市|