多行文本框限制输入字符长度(两种方法)

最新推荐文章于 2020-08-25 17:38:40 发布

weixin_30784501

最新推荐文章于 2020-08-25 17:38:40 发布

阅读量367

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jacklaw/archive/2008/07/08/1238379.html

本文介绍了两种在网页中限制多行文本框输入长度的方法。方法一使用JavaScript弹出警告框提示用户，方法二则通过JavaScript实时阻止超出长度的输入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天发现textbox设置为multiline后，设置maxlength不起作用，网上找了两种解决办法：

方法一：弹出对话框提示
1.html代码

<HTML>

<HEAD>

<title>WebForm6</title>

<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

<meta name="CODE_LANGUAGE" Content="C#">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script language="javascript">

function isOver(sText,len)

{

var intlen=sText.value.length;

if (intlen>len)

{

alert("The content length must Less than or Equal "+len);

sText.focus();

sText.select();

}

}

</script>

</HEAD>

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

<asp:TextBox id="txtName" style="Z-INDEX: 102; LEFT: 200px; POSITION: absolute; TOP: 104px" runat="server"

TextMode="MultiLine" Height="112px" Width="271px"></asp:TextBox>

</form>

</body>

</HTML>

2.cs代码

private void Page_Load(object sender, System.EventArgs e)

{

this.txtName.Attributes.Add("onblur","isOver(this,1000);");

}

方法二：限制用户继续输入

<HEAD>

<!-- TWO STEPS TO INSTALL LIMIT TEXTAREA:

1. Copy the coding into the HEAD of your HTML document

2. Add the last code into the BODY of your HTML document -->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function textCounter(field, countfield, maxlimit)

{

if (field.value.length > maxlimit) // if too long

trim it!

field.value = field.value.substring(0, maxlimit);

// otherwise, update 'characters left' counter

else

countfield.value = maxlimit - field.value.length;

}

// End -->

</SCRIPT>

</HEAD>

<BODY>

<center>

<form name="myform" action="YOUR-SCRIPT.CGI">

<font size="1" face="arial, helvetica, sans-serif">( You may enter up to 125

characters. )<br>

<textarea name="message" wrap="physical" cols="28" rows="4" onKeyDown="textCounter(this.form.message,this.form.remLen,125);"

onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>

<br>

<input readonly type="text" name="remLen" size="3" maxlength="3" value="125"> characters

left</font>

</form>

</center>

<p><center>

<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center>

</BODY>

转载于:https://www.cnblogs.com/jacklaw/archive/2008/07/08/1238379.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。