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

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

<HTML>

<HEAD>

<title>WebForm6</title>

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>

<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 -->

<!-- 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>

<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>

<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/wking108/archive/2006/09/14/504031.html

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

搜索计算机无法输入法,Windows10左下角搜索框无法输入字符的两种解决方法
用户在使用win10系统过程中,经常会使用到其自带的搜索功能.不过,近来有些用户却发现电脑左下角的搜索框突然无法输入字符.那这该怎么办呢?我们最常用的方法是重启电脑,让win10的搜索服务重新运行.下 ...
计算机搜索没办法打汉字,Win10左下角搜索框无法输入字符的两种解决方法
用户在使用 win10系统过程中,经常会使用到其自带的搜索功能.不过,近来有些用户却发现电脑左下角的搜索框突然无法输入字符.那这该怎么办呢?我们最常用的方法是重启电脑,让win10的搜索服务重新运行 ...
js中判断文本框是否为空的两种方法
js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...
区分中英文字符的两种方法: 正则和charCodeAt()方法
最近在为项目写登录注册系列页面, 表单验证无疑是不可缺少的部分, 在这个jQ插件满天飞的web年代, 表单验证倒也不是难事. 但再好的插件, 也并不能做到十全十美, 比如这次用到的我先前介绍过的Van ...
JS区分中英文字符的两种方法
JS区分中英文字符的两种方法: 正则和charCodeAt()方法. 正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. ...
uniapp 富文本框获取输入字符长度
原理很简单,只要通过 textarea 的 @input 事件就能拿到所有的参数图中所示是输入字符长度可通过 console.log( e.detail.cursor) 打印 <tem ...
【项目经验】——文本框限制输入字符长度
当文本框的TextMode为SingleLine时,限制字符长度是一件很简单的事情,只要设置起MaxLength就可以搞定了,但当TextMode为MultiLine时,你会发现,Ma ...
Swift中实现用户输入防抖动的两种方法
功能需求用户通过App搜索服务器中的数据,当用户在搜索框中输入关键字时,要求App将关键字通过网络连接传递到服务器接口,并返回服务器的搜索结果. 这里有个问题:假设用户最终想要输入的关键字为pand ...
WPF TextBox限制只能输入数字的两种方法
文本框中只能输入数字,一个常见的功能喽,今天就来看看如何实现它~ 下面就看看代码思路都写在xaml里面了, MainWindow.xaml: <Window x:Class="wpf ...

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

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

最新文章

热门文章