快捷導(dǎo)航

jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)實(shí)現(xiàn)代碼

更新時(shí)間：2012年12月24日 08:57:41 作者：

jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù),本文將介紹如何實(shí)現(xiàn)這個(gè)功能，需要了解的朋友可以參考下

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
function words_deal() 
{ 
var curLength=$("#TextArea1").val().length; 
if(curLength>5) 
{ 
var num=$("#TextArea1").val().substr(0,5); 
$("#TextArea1").val(num); 
alert("超過(guò)字?jǐn)?shù)限制，多出的字將被截?cái)啵? ); 
} 
else 
{ 
$("#textCount").text(5-$("#TextArea1").val().length); 
} 
} 
</script> 
</head> 
<body> 
剩余<span id="textCount">5</span>個(gè)字<br /> 
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2018-12-12
JQuery事件冒泡和默認(rèn)行為代碼實(shí)例
這篇文章主要介紹了JQuery事件冒泡和默認(rèn)行為代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
AJAX分頁(yè)的代碼(后臺(tái)asp.net)
查詢功能是開(kāi)發(fā)中最重要的一個(gè)功能，大量數(shù)據(jù)的顯示，我們用的最多的就是分頁(yè)。
2011-02-02
基于jQuery實(shí)現(xiàn)文本框縮放以及上下移動(dòng)功能
這里給大家分享一段個(gè)人覺(jué)著非常實(shí)用也經(jīng)常用于項(xiàng)目中的代碼，本代碼基于jQuery實(shí)現(xiàn)了文本框縮放以及上下移動(dòng)功能，給需要的網(wǎng)友們參考下吧
2014-11-11
jQuery中html()方法用法實(shí)例
這篇文章主要介紹了jQuery中html()方法用法,以實(shí)例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jquery日歷控件實(shí)現(xiàn)方法分享
這篇文章主要介紹了jquery日歷控件實(shí)現(xiàn)方法，網(wǎng)上有好多這樣的插件，下面是自己實(shí)現(xiàn)的一個(gè)方法,需要的朋友可以參考下
2014-03-03
jquery 輸入框數(shù)字限制插件
jquery 輸入框數(shù)字限制插件，需要的朋友可以參考下。
2009-11-11
jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入的特效，效果相當(dāng)棒，后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼，有需要的小伙伴可以參考下。
2015-08-08
解決jquery異步按一定的時(shí)間間隔刷新問(wèn)題
我想將一個(gè)網(wǎng)頁(yè)上的圖片按一定的時(shí)間間隔刷新，不改變圖片的名稱，我在服務(wù)器端改變圖片的內(nèi)容，以此來(lái)實(shí)現(xiàn)動(dòng)態(tài)的效果
2012-12-12
jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料,需要的朋友可以參考下
2016-05-05