ASP.NET多行文本框限制字符个数

asp.net中TextBox当设置TextMode = Multiline时,其MaxLength属性无效。可使用JS进行辅助限制输入的字符个数。中文算两个字符,西文算1个字符。

 

TextBox属性说明如下:

<asp:TextBox ID="TextBoxSend" runat="server" Height="140px" TextMode="MultiLine" Width="98%" MaxLength="20" onkeyup="CheckText(120)"
onbeforepaste="CheckText(120)" onblur="CheckText(120)"></asp:TextBox>

JS代码:

计算字符串str的字符个数。

function GetLength( str )
{
  var len = (str.match(/[^ -~]/g) == null)? (str.length) : (str.length + str.match(/[^ -~]/g).length);
  return len;
}
检查文本框的内容长度,并截取前面len0大小长度。

复制代码
 1 function CheckText( len0 )
 2 {
 3 var textBox = document.getElementById( "TextBoxSend" );
 4 var strText = textBox.value;
 5 var str = strText;
 6 
 7 if( GetLength( strText ) > len0 )
 8 {    
 9   var totalStr = "";
10   for( var i=1; i<strText.length; ++i )
11   {
12     var subStr = strText.substr( 0, i );
13     if( GetLength(subStr) <= len0 )
14     {
15       totalStr = subStr;
16     }
17     else
18     {
19     break;
20     }
21   }
22   textBox.value = totalStr;
23 }
24 }
复制代码

 

onkeyup敲键弹起的事件,onbeforepaste粘贴之前的事件,onblur失去焦点的事件,通过这些事件能够在输入和粘贴时进行判断并禁止超额输入。

 

 

 

posted @   丛林小阁楼  阅读(628)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示