TextBox的寬度隨輸入的文本的大小而改變的js代碼
更新時(shí)間:2009年09月01日 00:56:21 作者:
TextBox的寬度隨輸入的文本的大小而改變的asp.net代碼。
復(fù)制代碼 代碼如下:
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"><!--
protected void Page_Load(object sender, EventArgs e)
{
if(!Page.IsPostBack)
{
TextBox1.Attributes.Add("onkeyup", "LimitText()");
}
}
// --></script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無(wú)標(biāo)題頁(yè)</title>
<script type="text/javascript"><!--
function LimitText()
{
//得到此時(shí)文本框的字符數(shù)
var Len=document.getElementById('TextBox1').value.length;
//得到文本框的默認(rèn)值5
var TxtSize=document.getElementById('TextBox1');
if(TxtSize.size>20)
{
TxtSize.size=20;
TxtSize.value=TxtSize.value.substring(0,20);
document.getElementById('ban').innerText="不能超過(guò)20個(gè)字符!";
}
else
{
TxtSize.size=Len+1;
}
}
// --></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" size="5"></asp:TextBox>
<span id="ban"></span>
</div>
</form>
</body>
</html>
原文來(lái)自:http://blog.csdn.net/ws_hgo
相關(guān)文章
ASP.NET Core中間件會(huì)話(huà)狀態(tài)讀寫(xiě)及生命周期示例
這篇文章主要為大家介紹了ASP.NET Core中間件會(huì)話(huà)狀態(tài)讀寫(xiě)及生命周期示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04asp.net下URL網(wǎng)址重寫(xiě)成.html格式、RSS、OPML的知識(shí)總結(jié)
asp.net下URL網(wǎng)址重寫(xiě)成.html格式、RSS、OPML的知識(shí)總結(jié)...2007-09-09DataGrid中實(shí)現(xiàn)超鏈接的3種方法
這篇文章介紹了DataGrid中實(shí)現(xiàn)超鏈接的3種方法,有需要的朋友可以參考一下2013-09-09用vs調(diào)試sql存儲(chǔ)過(guò)程圖文介紹
想必大家應(yīng)該有給存儲(chǔ)過(guò)程找錯(cuò)誤的經(jīng)歷吧,一遍遍的去讀sql代碼,一句一句的測(cè)試,發(fā)現(xiàn)一個(gè)小錯(cuò)誤可能都要用很長(zhǎng)的時(shí)間,接下來(lái)將介紹使用vs2010調(diào)試存儲(chǔ)過(guò)程,感興趣的朋友可以不要錯(cuò)過(guò)了啊2013-02-02