Question

我有一个TextBox，它包含一个用户可以指定查看某些内容的时间值。只有以0或5结尾的时间才有效，因此我使用Jquery滑块让用户选择他们想要查看的时间。

这是我的TextBox：

 <asp:TextBox ID="TimeSelect" runat="server" BorderWidth="2px" Text="" ReadOnly="false"></asp:TextBox>

以下是编辑它的代码（滑块的“更改”回调调用它）：

            function OnSelectedSliceChanged(value) {
                var now = new Date();
                var currentTime = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());
                currentTime.setMinutes(currentTime.getMinutes() - currentTime.getMinutes() % 5);
                currentTime.setMilliseconds(0);
                currentTime.setSeconds(0);

                var millisecondsToSubtract = (<%=ViewState[MaxTicks]%> -value) * oneInterval;

                var newTime = new Date(currentTime.getTime() - millisecondsToSubtract);

                $("#TimeSelect").attr("value", Pad("" + newTime.getHours(), 2) + ":" + Pad("" + newTime.getMinutes(), 2));
            }

现在，滑块成功更改了TextBox中的时间，但用户仍然可以手动编辑文本。

我试图通过设置ReadOnly = "true"来阻止用户直接编辑TextBox。但是，这导致我的滑块也无法编辑TextBox。

有没有办法阻止用户编辑TextBox但让代码仍然编辑它？

Answer 1

TextBox.ReadOnly属性与HTML readonly属性不同。前者忽略了客户端的任何更改。后者阻止用户更改输入，但允许脚本执行此操作。

在服务器端试试这个：

TimeSelect.Attributes["readonly"] = "readonly";

或者在客户端：

$("#TimeSelect").prop("readonly", "readonly");

当然，这些都不能完全阻止用户更改文本框。您可以使用检查器编辑属性，甚至可以在请求出来之前捕获请求修改值。确保验证服务器端的值。

Answer 2

尝试禁用对焦文本框的功能。

$("#TimeSelect").prop("disabled", true);

修改

要防止输入变灰或应用新样式，请使用CssClass属性添加一个或多个类。

<asp:TextBox ID="TimeSelect" runat="server" CssClass="time-textbox" BorderWidth="2px" Text="" ReadOnly="false"></asp:TextBox>

然后相应地设定班级的风格......

.time-textbox {background-color:white !important;}

Answer 3

这是一个类似的问题here

我更喜欢这个：

<asp:textbox id="txt1" onfocus="blur()" runat="server"/>

而不是OnKeyPress="false"，因为如果用户尝试复制并粘贴一些文字，它就不会像我们想要的那样。

如何防止用户直接编辑asp：TextBox？

3 个答案:

修改