MVC5根据另一个textbox值动态禁用textbox

基础概念

MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序的数据模型（Model）、用户界面（View）和控制逻辑（Controller）分离。MVC5是ASP.NET框架中的一个版本，它提供了实现MVC模式的工具和库。

类型与应用场景

MVC模式广泛应用于Web应用程序开发中，特别是在需要清晰分离用户界面逻辑和业务逻辑的场景。

问题描述与原因

在MVC5中，根据另一个文本框的值动态禁用另一个文本框，通常涉及到前端JavaScript和后端C#代码的协同工作。

解决方案

前端实现

使用JavaScript监听第一个文本框的变化，并根据其值来启用或禁用第二个文本框。

<!DOCTYPE html>
<html>
<head>
    <title>MVC5 Dynamic Disable TextBox</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#TextBox1').on('input', function () {
                var value = $(this).val();
                if (value === 'disable') {
                    $('#TextBox2').prop('disabled', true);
                } else {
                    $('#TextBox2').prop('disabled', false);
                }
            });
        });
    </script>
</head>
<body>
    @Html.TextBox("TextBox1", "", new { id = "TextBox1" })
    @Html.TextBox("TextBox2", "", new { id = "TextBox2" })
</body>
</html>

后端实现

在MVC控制器中，确保视图模型正确传递到视图。

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
}

解释

前端部分：使用jQuery监听TextBox1的输入事件。当TextBox1的值变为'disable'时，TextBox2将被禁用；否则，它将被启用。
后端部分：简单的控制器动作，返回视图，无需特殊处理。

注意事项

确保在视图中引入了jQuery库。
根据实际需求调整JavaScript逻辑。

通过这种方式，可以实现基于另一个控件状态的动态UI交互，提升用户体验和应用的交互性。

相关·内容

FluentValidation在C# WPF中的应用

FluentValidation的文章不少，零度编程(站长注：原文已失连)的介绍我引用下： FluentValidation 是一个基于 .NET 开发的验证框架，开源免费，而且优雅，支持链式操作，易于理解，功能完善，还是可与 MVC5...见第二个功能描述，FluentValidation官网有Complex Properties的例子，但是我试了没效果，贴上官方源码截图：最后我Google到这篇文章，根据该链接代码，ViewModel...集合类 - Field 此类用作ViewModel中的集合项使用，模拟动态表单数据校验，简单包含4个属性：字段名称、字段显示名称、数据类型、数据值，表单主要根据数据类型验证输入的数据值是否合法。.../// /// 扩展字段，用于生成动态表单 /// 继承BindableBase,即继承属性变化接口INotifyPropertyChanged /// 实现...FieldValidator 动态表单数据值校验器，同理需要继承AbstractValidator，泛型指定前面需要验证的实体类Field：： public class FieldValidator :

1911 0

【愚公系列】2023年11月 Winform控件专题 TextBox控件详解

如果将该属性设置为false，则所有的快捷键都将被禁用。...此外，也可以通过代码动态地添加或删除文本框中的行，如下所示：// 添加一行文本textBox1.AppendText("新的一行\n");// 删除最后一行文本string[] lines = textBox1...它可以设置为以下几个值：FileSystem: 根据文件系统中的文件夹和文件来匹配。HistoryList: 根据用户以前输入的历史记录来匹配。...数据展示：将TextBox控件绑定到数据源，以显示数据。例如，将TextBox控件绑定到数据库中的某个字段，以显示该字段的值。...运行程序，并在TextBox中输入一些文本。点击Button按钮，会弹出一个MessageBox，显示您输入的文本。这只是一个简单的例子，您可以根据您的具体需求来使用TextBox控件。

5662 3

WPF 弹出 popup 里面的 TextBox 无法输入汉字修复在 Popup 输入法不跟随在 WinForms 弹出的 WPF 的 TextBox 无法输入问题

当然还有另一个方法，使用SetForegroundWindow方法。...是否禁用输入法。...InputMethod.SetIsInputMethodSuspended 和这个类的其他属性都可以设置输入法，请尝试修改他的值。...，有另一个控件绑定了输入框都有方法让用户输入的数字不显示如果是我在调试，我会先拿到 TextChanged 事件，看是不显示还是没有接收到输入另外需要判断当前的焦点是否在 TextBox 上按照这个方法会发现有焦点...System.Windows.Forms.Integration.ElementHost.EnableModelessKeyboardInterop(winWPF); winWPF.Show(); WPF 禁用

2.5K2 0

WPF 弹出 popup 里面的 TextBox 无法输入汉字

当然还有另一个方法，使用SetForegroundWindow方法。...是否禁用输入法。...InputMethod.SetIsInputMethodSuspended 和这个类的其他属性都可以设置输入法，请尝试修改他的值。...无法输入问题刚刚 Siberia 问了我一个问题，为什么 WinForms 弹出的 WPF 的文本框无法输入数字，但是可以输入其他的内容一开始我认为的是绑定的问题，如果一个控件绑定了另一个控件，或者有后台代码绑定...，有另一个控件绑定了输入框都有方法让用户输入的数字不显示如果是我在调试，我会先拿到 TextChanged 事件，看是不显示还是没有接收到输入另外需要判断当前的焦点是否在 TextBox 上按照这个方法会发现有焦点

1.8K1 0

常见 Datagrid 错误

例如，Datagrid 处于“Edit”（编辑）模式时，忽略该项检查将导致已编辑的值被数据源中的原始值覆盖。然而，该规则至少有一个主要的例外，请参阅持续使用大型 ViewState。...要检索需要查找的“MyTextBox”值，需要对适当的 DataGridItem 调用 FindControl 方法。该 DataGridItem 用作 TextBox 的父命名容器。...).Text '对 MyValue 执行操作 End Sub 对 FindControl 调用的结果调用 CType，将会把返回值由 Object 类型强制转换成 TextBox 类型，以访问 .Text...或是要创建一个复合服务器控件，其中的每个子控件都需要动态创建，因为无法以声明的方式创建这些子控件。如果遇到这些情况，请注意，提交页面时不要保留这些动态控件。...否则，请对两次回发之间状态信息不会发生更改的各个控件禁用 ViewState，或者对不需要隐藏字段来跟踪自身状态的那些控件禁用 ViewState。

2.4K2 0

从Component对象到CodeDom——舞动你的Code系列（1）

我们经常会有这样的需求或者想法：动态的生成或者修改代码。当然，我们可以把代码看成字符串而直接修改，但是这种做法也未免太生硬了，能解决的问题有限；而另一个方式就是CodeDom。...我们感谢微软，给我们提供了强大的描述面向对象语言的框架；我们感谢微软，给我们提供了能够根据CodeDom生成代码或者程序集的CodeDomProvider；可惜微软没有给我们提供能够从object或者代码生成...textBox1.BackColor = Color.Red; } private int int1; private TextBox textBox1;...TextBoxProperty { get { return textBox1; } } } 接着创建另一个WindowsFormsApplication....Location = new System.Drawing.Point(0, 0); this.textBox1.Name = "textBox1"; this.textBox1

7449 0

Extensions in UWP Community Toolkit - SurfaceDialTextbox

Item；适用于表单类场景，需要切换多个 TextBox； EnableMinMaxValue - 标志是否为 SurfaceDialTextbox 设置数值最小值和最大值；然后我们看几个全局静态变量...Controller_RotationChanged(sender, args) Surface Dial 旋转时触发的事件处理方法，根据当前显示的 Text，获取对应的 double 类型值；根据当前...TextBox_GotFocus(sender, e) 处理逻辑：获取 Radial Controller，如果需要添加 MenuItem，则根据设置添加对应的 MenuItem；设置转动时的震动反馈，...，直接旋转也是一样改变 textbox 的值；在值超出 0～100 区间时，Dial 会有震动反馈； TextBox HorizontalAlignment="Left" VerticalAlignment...最后，再跟大家安利一下 UWPCommunityToolkit 的官方微博：https://weibo.com/u/6506046490, 大家可以通过微博关注最新动态。

1.1K8 0

WPF 弹出 popup 里面的 TextBox 无法输入汉字

这是一个 wpf 的bug，在弹出Popup之后，如果 Popup 里面有 TextBox ，这时无法在里面输入文字。...古老的输入法就是通过判断获得焦点的句柄是支持输入和判断他需要什么输入，如果在 win7 的搜狗，就是这样判断，于是搜狗很难在 Popup 的 TextBox 输入文字。...当然还有另一个方法，使用SetForegroundWindow方法。...是否禁用输入法。...InputMethod.SetIsInputMethodSuspended 和这个类的其他属性都可以设置输入法，请尝试修改他的值。

1.7K3 0

.NET快速开发实践中的IExtenderProvider扩展组件

bool CanExtend(object extendee); } 根据定义我们可以理解为，实现了IExtenderProvider接口的某个控件或者组件有扩展其他组件的能力...，IExtenderProvider接口借助VisualStudio设计器的功能，使我们可以动态的为控件增加属性，并可以在设计时通过属性窗口修改这些属性，而不需要继承控件类。...private bool allowInput = false; } 我们来在UI上拖一个TextBoxEx控件，可以通过设置属性AllowEmpty来控件是否允许输入空值：...void textBox_Leave(object sender, EventArgs e) { TextBox tb = sender as TextBox;...的在TextBoxAllowInput 上的扩展属性AllowEmpty来控件是否允许输入空值： ?

6957 0

Asp.net如何实现页面间的参数传递

使用QueryString 使用QuerySting在页面间传递值已经是一种很老的机制了，这种方法的主要优点是实现起来非常简单，然而它的缺点是传递的值是会显示在浏览器的地址栏上的（不安全），同时又不能传递对象...，但是在传递的值少而安全性要求不高的情况下，这个方法还是一个不错的方案。...，在本例中我们把控件中的值存在Session变量中，然后在另一个页面中使用它，以不同页面间实现值传递的目的。...方法重定向到另一个页面 5，在另一个页面提取session的值，在确定不需要使用该session时，要显式清除它下面的代码片断演示了如何实现这个方法：源页面代码： private void...，使用该方法你可以在另一个页面以对象属性的方式来存取显露的值，当然了，使用这种方法，你需要额外写一些代码以创建一些属性以便可以在另一个页面访问它，但是，这个方式带来的好处也是显而易见的。

2.4K2 0

ActiveReports 报表应用教程 (10)---交互式报表之向下钻取（详细数据按需显示解决方案）

在葡萄城ActiveReports报表中可以动态的显示或者隐藏某区域的数据，通过该功能用户可以根据需要显示或者隐藏所关心的数据，结合数据排序、过滤等功能可以让用户更方便地分析报表数据。..._Group1") 在 BandedList1_Group1_Header 区域中添加以下控件，并设置相应属性： Chart1 常规-数据集名称：OrderDetails 系列值-...系列标签：数量系列值-值：=Sum([数量] * [单价] * (1 - [折扣])) 类别分组-名称：Chart1_CategoryGroup1...默认属性设置 TextBox15 常规-值：=[订购月] & " 月销售明细" TextBox11 交互式排序选项卡的以下属性为文本框添加交互式排序功能：True...常规-值：=Sum([数量] * [单价] * ( 1 - [折扣]),"BandedList1_Group2") TextBox13 交互式排序选项卡的以下属性为文本框添加交互式排序功能

1.1K6 0

问与答124：如何根据输入值进行动态筛选？

Q：我想在工作表中应用动态筛选，当我在文本框中输入时，Excel会根据我输入的数据动态显示工作表中与输入值相匹配的数据，如何实现？...如下图1所示，在工作表单元格B1中放置了一个文本框控件，当在该文本框中输入数据时，工作表中会根据输入的值自动匹配并显示相应的数据行。 ?...图1 A：在该工作表代码模块中，输入下面的代码： Private Sub TextBox1_Change() If Len(TextBox1.Value) = 0 Then Sheet1...False End If Sheet1.Range("A2:C" &Rows.Count).AutoFilter Field:=1, Criteria1:="*" & TextBox1

2K3 0

c#以POST方式模拟提交表单

\" value=\""; //动态抓取__VIEWSTATE的值 int i = srcString.IndexOf(viewStateFlag) + viewStateFlag.Length...=\""; //动态抓取__EVENTVALIDATION\的值 i = srcString.IndexOf(eventValidationFlag) + eventValidationFlag.Length...服务端会根据接收到的控件的name属性的这个key来得知是这个按钮被点击了，从而在服务端触发这个按钮的点击事件。二. ...—客户端的onchange事件调用__doPostBack，eventTarget 参数为’TextBox1’，表示是name为’TextBox1’控件触发的事件，而TextBox控件只有一个客户端触发的服务端事件...TextChanged，故服务器就会去触发这个TextBox的TextChanged事件-> TextBox1" type="text" id="TextBox1" onchange

2.2K9 0

JavaScript(十三)

解决这一问题的办法有两个: 在第一次提交表单后就禁用提交按钮利用 onsubmit 事件处理程序取消后续的表单提交操作。重置表单在用户单击重置按钮时，表单会被重置。...共有的表单字段属性表单字段共有的属性和方法如下: disabled: 布尔值，表示当前字段是否被禁用 form: 指向当前字段所属表单的指针，只读 name: 当前字段的名称 readOnly: 布尔值...> 另一个与 input 的区别在于，不能在 HTML 中给 textarea 指定最大字符数。...var textbox = document.forms[0].elements["textbox1"]; alert(textbox.value); textbox.value = "Some new...浏览器自己会根据标记中的规则执行验证，然后自己显示适当的错误消息(完全不用 JavaScript 插手)。只有在某些情况下表单字段才能进行自动验证。

3.3K2 0

asp.net动态增加服务器端控件并提交表单

server"> 动态控件...br /> 动态控件...txt = new TextBox(); txt.Text = ""; plBody.Controls.Add(txt); TextBox...TextBox txt3 = new TextBox(); txt3.Text = ""; plBody.Controls.Add(txt3);...phBody.Controls.Add(plBody); } //获取动态添加的控件值 protected void btnSave_Click

1.5K6 0

表单脚本

解决方式：（1）第一次提交表单后就禁用提交按钮。要在“submit”事件处理函数中处理，不能在“click”事件处理函数中处理。...red的input标签（1）表单字段属性属性作用说明 disabled 布尔值，表示当前字段是否被禁用 form 指向当前字段所属表单的指针；只读 name 当前字段的名称 readOnly...function selectText(textbox, startIndex, endIndex) { if(textbox.setSelectionRange) { textbox.setSelectionRange...，则展示value属性的值；否则展示该项的文本值。...URL编码，使用“&”分隔；不发送禁用的表单字段；只发送勾选的复选框和单选按钮；不发送type为“reset”和“button”的按钮；选择框中每个选中的值单独条目发送；五、富文本编辑 contenteditable

4.8K4 1

【愚公系列】2023年09月 WPF控件专题 Label、TextBox、PasswordBox控件介绍

5341 1

Gradio入门到进阶全网最详细教程一：快速搭建AI算法可视化部署演示(侧重项目搭建和案例分享)

1.2.4 动态界面接口：简单计算器模板实时变化在Interface添加live=True参数，只要输入发生变化，结果马上发生改变。...注意该状态会在每个页面内的提交中持续存在，但如果您在另一个标签页中加载该演示（或刷新页面），该演示将不会共享聊天历史。要在会话状态下存储数据，你需要做三件事。...在函数的最后，将状态的更新值作为一个额外的返回值返回。在添加输入和输出时添加state组件。...return 0, "hungry" gr.Button("EAT").click( fn=eat, inputs=food_box, #根据返回值改变输入组件和输出组件...import gradio as grdef change_textbox(choice): #根据不同输入对输出控件进行更新 if choice == "short": return

11.4K4 2

腾讯云 Web 超级播放器开发实战

在实际的应用中，我们仍然根据需求直接改造了混淆代码，主要解决了以下问题： 1、增加、集成了播放快进组件 2、更改了一些样式 3、增强了一些旧版手机的兼容性范例运行环境操作系统： Windows Server...playsinline 可使用IOS/微信浏览器支持小窗内播放 4 x5-playsinline H5 移动是否禁用全屏，这里为允许，为空则不允许 5 x-webkit-airplay="allow"...playsinline bool 兼容性属性，设为 true 11 x5_orientation int 通过 video 属性 “x5-video-orientation” 声明 TBS 播放器支持的方向，可选值：...该属性为 TBS 内核实验性属性，非 TBS 内核不支持) 12 x5_type string 通过 video 属性 “x5-video-player-type” 声明启用同层 H5 播放器，支持的值：...（3）实现代码中的前端控件，只为演示实例使用，可根据需要改造符合自己的开发规范。感谢您的阅读，希望本文能够对您有所帮助。

2151 0

ASP.Net WebForm温故知新学习笔记：二、ViewState与UpdatePanel探秘

第二次我们又去，但是这次却找不到上次那个A销售员了，相反商场分配了另一个B销售员来接待我们，他不知道我们上次选择了XX产品，相反它却一个劲地向我们推荐YY产品并把我们带向YY产品的柜台；这个时候，我们一般会说...ViewState对应项中的值可以存储任何类型的值（参数是Object类型），实施上任何类型的值存储到ViewState中都会被装箱为Object类型。　　...于是，在上一节我们所提到的那个问题（无法记住上次的number值，每次都返回1）就解决了。...；服务器端在解析请求时，会将浏览器提交过来的ViewState进行反序列化后填充到ViewState属性中（比如下图中，我们可以通过一个软件将_VIEWSTATE解码得到一个如下图所示的树形结构）；再根据业务处理需要...，从这个属性中根据索引找到具体的Value值并对其进行操作；操作完成后，再将ViewState进行Base64编码再次返回给浏览器端；　　③因此，我们可以得出一个结论：VIEWSTATE适用于同一个页面在不关闭的情况下多次与服务器交互

1.8K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

MVC5根据另一个textbox值动态禁用textbox

基础概念

相关优势

类型与应用场景

问题描述与原因

解决方案

前端实现

后端实现

解释

注意事项

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐