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,這里知道就好了！
復(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>
