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失去焦点的事件,通过这些事件能够在输入和粘贴时进行判断并禁止超额输入。

原文地址:https://www.cnblogs.com/MiniHouse/p/3621232.html