纸上得来终觉浅,绝知此事要躬行。

 

asp.Net2.0中TextBox只读的设置方法

方法一:

昨天在测试一个asp.Net2.0的页面时,由于一个textbox需要控制用户输入格式,采用脚本方式改变内容,为了防止用户直接输入内容,因此随手把textbox的属性readonly设置为了true.

        结果可想而知,不论客户端脚本怎么改变textbox的值,服务端里的text属性始终保持初始值不变,由于昨天调试的时候已经快下班了,一时有点发蒙。今天早上来了猛然想到可能跟这个readonly的属性有关系,因为它是服务端属性,于是去掉这个属性设置,结果就正常了。既然服务端属性和客户端属性重名,而作用又有所不同,那就不能直接在控件属性里设置了,于是只能用Attributes["readonly"] = "true",这个肯定是只设置客户端的readonly了。经过测试达到了防止客户端直接输入的只读效果。

        经过对比发现,两种方法生成的客户端代码,都借助了html标签的readonly客户端属性,不同的是,服务端属性和客户端属性生成的值不一样,服务端属性设置为true时,到了客户端变为“readonly="readonly"”,而客户端属性修改后变为“readonly="true"”。

        所以如果要设置textbox的客户端只读必须用“Attributes["readonly"] = "true"”的方法来设置,不能直接修改服务端控件属性。

例如:

protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
TextBox1.Attributes.Add(
"readonly","true");
}
}

 

方法二:

给页面的TextBox设置ReadOnly="True"时,在后台代码中不能赋值取值,下边几种方法可以避免:

1、不设置ReadOnly,设置onfocus=this.blur()

C#代码 复制代码
  1. <asp:TextBox ID="TextBox1" runat="server" onfocus=this.blur()></asp:TextBox>  
<asp:TextBox ID="TextBox1" runat="server" onfocus=this.blur()></asp:TextBox>



文本框不变灰色,但也无法手动修改内容,可以在后台通过Text属性正常赋值取值

2、设置了ReadOnly属性后,通过Request来取值,如下:

前台代码:

C#代码 复制代码
  1. <asp:TextBox ID="TextBox1" runat="server" ReadOnly="True" ></asp:TextBox>  
<asp:TextBox ID="TextBox1" runat="server" ReadOnly="True" ></asp:TextBox>



后台代码:

C#代码 复制代码
  1. string Text = Request.Form["TextBox1"].Trim();  
string Text = Request.Form["TextBox1"].Trim();



3、在Page_Load()正设置文本框的只读属性,能正常读取,如下:

C#代码 复制代码
  1. protected void Page_Load(object sender, EventArgs e)   
  2. {   
  3.     if (!Page.IsPostBack)   
  4.     {   
  5.         TextBox1.Attributes.Add("readonly","true");   
  6.     }   
  7. }  

posted on 2010-09-24 19:42  JRoger  阅读(6600)  评论(0编辑  收藏  举报

导航