随着输入的字数的增多,剩余的字数会动态相应的减少,当输入的字数超过限制的时候,会弹出相应的alert提示。
提示你,你输入的字数已经超过了限制了,同时呢 文本框输入的多余的内容会被js截取掉,只剩下规定的字数了。
代码如下:
主要用的事件是:
on
还有一个对应的事件是:
on
这是应用到asp.net的 TextBox控件 多行文本域的情况:
<body>
<form id="form1" runat="server">
<div>
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine"
Width="317px" on
限制字数为:10 剩余字数:<span id="sy" style="color:Red;">10</span>
</div>
</form>
</body>
</html>
<script type="text/javas
function checkLength(which) {
var maxChars = 10; //
if (which.value.length > maxChars)
{
alert("您出入的字数超多限制!");
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
return false;
}
else
{
var curr = maxChars - which.value.length; //250 减去 当前输入的
document.getElementById("sy").innerHTML = curr.toString();
return true;
}
}
</script>
评论