只读文本框(readonly textbox)不能在客户端修改值原因及解决办法

本文探讨了ASP.NET中TextBox控件设置为只读后,通过客户端脚本修改其值但在服务器端无法获取的问题。提供了几种解决方案,包括使用onfocus属性模拟只读效果、通过Request.Form获取值等。

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

最近在完善个项目,发现个小问题

当 TextBox设置了ReadOnly="true" 后,要是在前台为控件添加了值,后台是取不到的,值为“空”。

有时是要我们能通过前台脚本来填充值,并不希望用户修改其控件内容。

原因及解决方案:

从vs2003升级到vs2005的一个问题: 只读文本框(readonly textbox)不能在客户端修改值原因及解决办法

  一、先做一个简单的实验

  在vs2003中, 新建一个网页, 拖上一个textbox, 将它的readonly 设成true, 然后再放一个input: button, 给它写代码: document.getElementById("txt1").value="test"; 再放一个服务器端的button, 不用写代码.。

  好了,开始运行:点击客户端按钮,会发现textbox 的值变成了test,然后再点服务器端按钮使页面回传,值仍然在,也就是说,服务器端的 txt1.Text 属性已经被成功更新了, 事实上,这时候如果在txt1.OnTextChanged 事件的处理器中下断点,可以看到事件被触发了。

  但是,在vs2005中,做同样的动作,点击服务器端按钮使页面回传后,textbox 的值就会丢掉,给txt1.OnTextChanged 的处理器下断点,发现事件没有被触发。如果readonly 为false,则服务器端的值被更新。

  二、问题原因:

  作为一个很清楚web开发潜在安全风险的人来说,这个是.net2.0新增必要的安全举措。

  如果一个控件在服务器上被标记成为readonly 在clr里面被设置为不可修改,一段客户端脚本又怎么可以overide呢? 那不是出现重大安全隐患了么?

  为了解决上述安全问题,在ASP.NET 2.0以后,对于设置了只读属性的TEXTBOX,回传数据将被舍弃。

  三、解决办法:

  上述问题,在vs 2005(ASP.NET 2.0)中的解决办法有:

  1、不要将textbox 设为readonly,而是在pageLoad 中,为其增加一个readonly attribute,这样在客户端它仍是只读的,但是在服务器的眼里,它不是只读的。(未试。如果该方案可行,这是最好的办法)

  2、用input:text 或其它代替textbox。2.0后,Input可以设置Runat="Server"。

  3、在服务器端用Request.Form[txt1.UniqueID],可以取到更改后的值。

--------------------------------------------------------------------------------------------------

在.NET 2.0 下,当页面上的某个TextBox 设置了属性ReadOnly="True"时,通过客户端脚本给其赋值后,在后台代码中访问其Text属性却无法获得该值。经过尝试,发现可以通过如下的方式解决这个问题:

1、不设置ReadOnly属性,通过onfocus=this.blur()来模拟,如下:

<asp:TextBox ID="TextBox1" runat="server" onfocus=this.blur()></asp:TextBox>

在此情况下,当文本框获得焦点时便立刻失去,所以也无法手动修改其内容,能够模拟ReadOnly,在后台代码中也能通过Text属性,正常获取通过脚本在客户端设置的值;

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

前台代码:

<asp:TextBox ID="TextBox1" runat="server" ReadOnly="True" ></asp:TextBox>

后台代码: 

string Text = Request.Form["TextBox1"].Trim();

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

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

    }

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值