TextBox设置多行后，限制输入字数

最新推荐文章于 2022-06-12 12:19:38 发布

最新推荐文章于 2022-06-12 12:19:38 发布 · 335 阅读

文章标签：

#javascript #ViewUI

asp.net 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用ASP.NET和JavaScript实现的文本输入长度控制方法。通过客户端脚本限制用户输入及粘贴的内容长度，确保文本框不会超出预设的最大字符数。

<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Rows="10" onkeydown="DoKeyPress(500)" onPaste="CheckPaste(500)">

<script type="text/javascript">
function DoKeyPress(maxLen){
var str=event.srcElement.value;
var oSR=document.selection.createRange();
if(str.length<maxLen){
event.returnValue = true;
}else if(oSR.text.length>0){
event.returnValue = true;
}else{
event.returnValue = false;
}
}

function CheckPaste(maxLen){
var str=event.srcElement.value;
var oSR=document.selection.createRange();
var strData=clipboardData.getData('text');
var iLenPaste=maxLen-str.length+oSR.text.length;
oSR.text=strData.substring(0,iLenPaste);
event.returnValue = false;
}
</script>