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

时间:2023-03-10 06:03:44
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大小长度。

 function CheckText( len0 )
{
var textBox = document.getElementById( "TextBoxSend" );
var strText = textBox.value;
var str = strText; if( GetLength( strText ) > len0 )
{
  var totalStr = "";
  for( var i=1; i<strText.length; ++i )
  {
    var subStr = strText.substr( 0, i );
    if( GetLength(subStr) <= len0 )
    {
      totalStr = subStr;
    }
    else
    {
    break;
    }
  }
  textBox.value = totalStr;
}
}

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