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,设置οnfοcus=this.blur()

C#代码 复制代码
  1. <asp:TextBox ID="TextBox1" runat="server" οnfοcus=this.blur()></asp:TextBox>  
<asp:TextBox ID="TextBox1" runat="server" οnfοcus=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. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值