jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)實(shí)現(xiàn)代碼
更新時間：2012年12月24日 08:57:41 作者：
jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù),本文將介紹如何實(shí)現(xiàn)這個功能，需要了解的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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("超過字?jǐn)?shù)限制，多出的字將被截斷！" );
}
else
{
$("#textCount").text(5-$("#TextArea1").val().length);
}
}
</script>
</head>
<body>
剩余<span id="textCount">5</span>個字<br />
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea>
</body>
</html>
您可能感興趣的文章:
- 基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示
- jQuery計算文本框字?jǐn)?shù)及限制文本框字?jǐn)?shù)的方法
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- jQuery計算textarea中文字?jǐn)?shù)(剩余個數(shù))的小程序
- 基于jQuery的計算文本框字?jǐn)?shù)的代碼
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別)
- 基于jquery的inputlimiter 實(shí)現(xiàn)字?jǐn)?shù)限制功能
- jQuery maxlength文本字?jǐn)?shù)限制插件
- JQuery 表單中textarea字?jǐn)?shù)限制實(shí)現(xiàn)代碼
- 文本框的字?jǐn)?shù)限制功能jquery插件
- 基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
- jQuery實(shí)現(xiàn)簡易的輸入框字?jǐn)?shù)計數(shù)功能示例
相關(guān)文章
JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
這篇文章主要介紹了JQuery事件冒泡和默認(rèn)行為代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
查詢功能是開發(fā)中最重要的一個功能，大量數(shù)據(jù)的顯示，我們用的最多的就是分頁。2011-02-02
基于jQuery實(shí)現(xiàn)文本框縮放以及上下移動功能
這里給大家分享一段個人覺著非常實(shí)用也經(jīng)常用于項(xiàng)目中的代碼，本代碼基于jQuery實(shí)現(xiàn)了文本框縮放以及上下移動功能，給需要的網(wǎng)友們參考下吧2014-11-11
這篇文章主要介紹了jQuery中html()方法用法,以實(shí)例形式分析了html()方法的功能、定義及使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jquery日歷控件實(shí)現(xiàn)方法，網(wǎng)上有好多這樣的插件，下面是自己實(shí)現(xiàn)的一個方法,需要的朋友可以參考下2014-03-03
jquery 輸入框數(shù)字限制插件，需要的朋友可以參考下。2009-11-11
jQuery實(shí)現(xiàn)列表內(nèi)容的動態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動態(tài)載入的特效，效果相當(dāng)棒，后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼，有需要的小伙伴可以參考下。2015-08-08
我想將一個網(wǎng)頁上的圖片按一定的時間間隔刷新，不改變圖片的名稱，我在服務(wù)器端改變圖片的內(nèi)容，以此來實(shí)現(xiàn)動態(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