asp.net 仿騰訊微薄提示 還能輸入*個(gè)字符 的實(shí)現(xiàn)代碼
更新時(shí)間：2011年10月12日 22:37:36 作者：
asp.net 仿騰訊微薄提示 還能輸入*個(gè)字符 的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
textbox如果設(shè)置TextMode="MultiLine"則 它的MaxLength設(shè)置的值就無(wú)效；為了能達(dá)到像騰訊微薄、新浪微薄那樣的提示的效果（騰訊和新浪微薄文本框用到的應(yīng)該是textarea），嘗試如果不考慮用鼠標(biāo)操作粘貼、刪除textbox的內(nèi)容，用jquery的keyup和keydown能實(shí)現(xiàn)，下面是實(shí)現(xiàn)的一個(gè)技巧，用到了js的計(jì)時(shí)器（當(dāng)焦點(diǎn)在textbox中則“開(kāi)啟”計(jì)時(shí)器，失去焦點(diǎn)則“關(guān)閉”計(jì)時(shí)器），很好的解決了鼠標(biāo)操作粘貼、刪除textbox的內(nèi)容不能改變字符個(gè)數(shù)的問(wèn)題
首先在head標(biāo)記中添加如下js代碼
當(dāng)然還要引用jquery.js,這里知道就好了！
<script>
var t = "";
function maxLimit() {
if ($.trim($("#txtContent").val()).length > 140) {
$("#txtleft").text("已經(jīng)超出");
$("#LabelContent").text(($.trim($("#txtContent").val()).length) - 140);
}
else {
$("#txtleft").text("還能輸入");
$("#LabelContent").text(140 - ($.trim($("#txtContent").val()).length));
}
}
function setTimeouts() {
maxLimit();
t = setTimeout("setTimeouts()", 1 * 10);
};
function clearTimeouts() {
clearTimeout(t);
};
$(document).ready(function() {
//$("#txtContent").keyup(maxLimit);
//$("#txtContent").keydown(maxLimit);
$("#txtContent").bind("blur", clearTimeouts);
$("#txtContent").bind("focus", setTimeouts)
});
</script>
在body編輯中添加
<div> <asp:TextBox ID="txtContent" runat="server" Width="500px" TextMode="MultiLine" MaxLength="140"
Height="100px"></asp:TextBox></div>
<div><span id="txtleft">還能輸入</span><asp:Label ID="LabelContent" runat="server" ForeColor="Red"
Text="140"></asp:Label><span>個(gè)字符</span></div>
首先在head標(biāo)記中添加如下js代碼
當(dāng)然還要引用jquery.js,這里知道就好了！
復(fù)制代碼 代碼如下:
<script>
var t = "";
function maxLimit() {
if ($.trim($("#txtContent").val()).length > 140) {
$("#txtleft").text("已經(jīng)超出");
$("#LabelContent").text(($.trim($("#txtContent").val()).length) - 140);
}
else {
$("#txtleft").text("還能輸入");
$("#LabelContent").text(140 - ($.trim($("#txtContent").val()).length));
}
}
function setTimeouts() {
maxLimit();
t = setTimeout("setTimeouts()", 1 * 10);
};
function clearTimeouts() {
clearTimeout(t);
};
$(document).ready(function() {
//$("#txtContent").keyup(maxLimit);
//$("#txtContent").keydown(maxLimit);
$("#txtContent").bind("blur", clearTimeouts);
$("#txtContent").bind("focus", setTimeouts)
});
</script>
在body編輯中添加
復(fù)制代碼 代碼如下:
<div> <asp:TextBox ID="txtContent" runat="server" Width="500px" TextMode="MultiLine" MaxLength="140"
Height="100px"></asp:TextBox></div>
<div><span id="txtleft">還能輸入</span><asp:Label ID="LabelContent" runat="server" ForeColor="Red"
Text="140"></asp:Label><span>個(gè)字符</span></div>
您可能感興趣的文章:
- asp.net+js實(shí)現(xiàn)的ajax sugguest搜索提示效果
- asp.net checkbox 動(dòng)態(tài)綁定id GridView刪除提示
- asp.net Javascript 的幾種寫(xiě)法與提示
- asp.net GridView 刪除時(shí)彈出確認(rèn)對(duì)話框(包括內(nèi)容提示)
- asp.net 頁(yè)面版文本框智能提示JSCode (升級(jí)版)
- asp.net運(yùn)行提示未將對(duì)象引用設(shè)置到對(duì)象的實(shí)例錯(cuò)誤解決方法
- ASP.NET中的幾種彈出框提示基本實(shí)現(xiàn)方法
- Asp.Net alert彈出提示信息的幾種方法總結(jié)
- ASP.NET搭配Ajax實(shí)現(xiàn)搜索提示功能
- ASP.NET輸入文本框自動(dòng)提示功能
相關(guān)文章
基于.net4.0實(shí)現(xiàn)IdentityServer4客戶端JWT解密
這篇文章主要為大家詳細(xì)介紹了基于.net4.0實(shí)現(xiàn)IdentityServer4客戶端JWT解密，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-09
.net處理程序生成隨機(jī)6位圖片驗(yàn)證碼,大家參考使用吧2013-12-12
asp.net forms身份驗(yàn)證，避免重復(fù)造輪子
最近開(kāi)始一個(gè)小 asp.net 項(xiàng)目，整個(gè)項(xiàng)目需要登錄才能操作。以前大家都采用 asp 的方式 session + cookie 來(lái)實(shí)現(xiàn)身份驗(yàn)證，我一直對(duì) asp.net 自帶的 forms 驗(yàn)證早就耳聞，苦于沒(méi)實(shí)踐，今天剛好逮到機(jī)會(huì)實(shí)際應(yīng)用一下。2009-11-11
本篇文章是對(duì).Net中的協(xié)變與逆變進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-05-05
用ASP.NET編寫(xiě)能夠顯示圖標(biāo)漸變的效果，簡(jiǎn)單實(shí)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-09-09
.NET Core WebApi中如何實(shí)現(xiàn)多態(tài)數(shù)據(jù)綁定實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于.NET Core WebApi中如何實(shí)現(xiàn)多態(tài)數(shù)據(jù)綁定的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，并給出來(lái)完整的實(shí)例代碼，需要的朋友可以參考借鑒，下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
一個(gè)比較通用的分頁(yè)控件，完整的設(shè)計(jì)時(shí)支持和比較流行的分頁(yè)模式（提供源碼下載）
本分頁(yè)控件還包含簡(jiǎn)單屬性，復(fù)雜屬性，自定義視圖狀態(tài)，分頁(yè)事件，創(chuàng)建控件，render控件，Attribute，設(shè)計(jì)時(shí)支持等比較齊全的自定義控件的元素，是個(gè)不錯(cuò)學(xué)習(xí)自定義控件開(kāi)發(fā)的例子2010-12-12
本文主要介紹ASP.NET獲取URL的各種方法，希望能給需要的朋友一些幫助。2016-04-04
jquery中如何獲得服務(wù)器控件實(shí)現(xiàn)思路
jquery中如何獲得服務(wù)器控件，很多新手朋友對(duì)此比較陌生，接下來(lái)為您介紹解決方法，感興趣的朋友可以了解下哦2013-01-01
ASP.NET Core中自定義路由約束的實(shí)現(xiàn)
這篇文章主要介紹了ASP.NET Core中自定義路由約束的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03