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

首頁 > 編程 > .NET > 正文

asp.net 仿騰訊微薄提示 還能輸入*個字符 的實現(xiàn)代碼

2024-07-10 13:24:36
字體:
供稿:網(wǎng)友
textbox如果設(shè)置TextMode="MultiLine"則 它的MaxLength設(shè)置的值就無效;為了能達到像騰訊微薄、新浪微薄那樣的提示的效果(騰訊和新浪微薄文本框用到的應(yīng)該是textarea),嘗試如果不考慮用鼠標操作粘貼、刪除textbox的內(nèi)容,用jquery的keyup和keydown能實現(xiàn),下面是實現(xiàn)的一個技巧,用到了js的計時器(當(dāng)焦點在textbox中則“開啟”計時器,失去焦點則“關(guān)閉”計時器),很好的解決了鼠標操作粘貼、刪除textbox的內(nèi)容不能改變字符個數(shù)的問題
首先在head標記中添加如下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 runat="server" TextMode="MultiLine" MaxLength="140"
Height="100px"></asp:TextBox></div>
<div><span>還能輸入</span><asp:Label runat="server" ForeColor="Red"
Text="140"></asp:Label><span>個字符</span></div>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 岑溪市| 报价| 礼泉县| 安泽县| 三明市| 金平| 玉田县| 丹寨县| 宜良县| 宜兰市| 高碑店市| 淮北市| 芮城县| 南平市| 宝清县| 黔东| 德格县| 兴安盟| 盱眙县| 喜德县| 繁昌县| 精河县| 通许县| 安西县| 双辽市| 红安县| 泸水县| 仲巴县| 天津市| 北辰区| 个旧市| 墨竹工卡县| 平远县| 峡江县| 宜都市| 化德县| 临猗县| 吉木乃县| 邹城市| 高平市| 肥东县|