MVC5根据另一个textbox值动态禁用textbox
基础概念
MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序的数据模型（Model）、用户界面（View）和控制逻辑（Controller）分离。MVC5是ASP.NET框架中的一个版本，它提供了实现MVC模式的工具和库。
相关优势
- 分离关注点：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交互，提升用户体验和应用的交互性。
相关·内容
1回答
我有一个MVC5项目，有两个文本框的字段(客户端id，文档id)和一个下拉列表。我希望根据文档id值动态启用或禁用客户id文本框和下拉列表，例如，如果我在文档id文本框中写入内容，我希望看到客户id文本框和下拉列表被禁用，如果我从文档id文本框中删除文本，我希望看到启用的客户id文本框和下拉列表<span>@Html.DisplayNameFor(model => model.ClientId).ToString():</span>
@Html.<
浏览 15提问于2019-04-26得票数 1
回答已采纳
4回答
我根据下拉选择的内容动态地生成表单。表单由字段组成(十进制值的数据输入+少量文本字段)。必须在末尾添加所有十进制值，并使用该值更新总TextBox。“总计”文本框已禁用。当我在用户输入它们的值后单击窗体上的Save按钮时，除了禁用的textbox之外，整个窗体都将保留在视图状态中。当我启用textbox时，一切工作正常。请注意，我正在使用javascript动态生成表单并更新total文本框的<em
浏览 0提问于2011-06-11得票数 5
回答已采纳
我有一个能够创建，编辑和删除记录的mvc5项目。有3个文本框。根据textBox1中的值，我想禁用TextBox3和4；{ Enable TextBox3_Weeklyif frequency.Value='BiWeekly' Disable TextBox
浏览 15提问于2018-08-30得票数 0
1回答
使用MVC5，我添加了视图逻辑来根据模型中的值禁用数据输入。在逻辑运行之后，它将被现有的EditorTemplate逻辑覆盖--该字段将保持启用状态。如何使我的禁用逻辑工作？> model.OnHold.DateIssued, attributes);</div>@model DateTime
@Html.TextBox
浏览 3提问于2016-11-10得票数 0
回答已采纳
我想知道在用户在textbox 1(即textbox 1)中写入这个值时，给textbox 2分配值的最佳方法是什么。直接显示用户在textbox1中输入的内容，同时也在textbox2中显示。我正在使用MVC5 aspx页面..。任何帮助都是非常感谢的。提前感谢
浏览 6提问于2014-09-04得票数 0
回答已采纳
您能解释一下如何根据组合框启用/禁用文本框(即可以或不能编辑)吗？如果Combobox值=1，则启用-> textbox；如果combobox =0，则禁用-> textbox。
浏览 0提问于2011-05-30得票数 0
回答已采纳
我的函数中有一个textbox，我已经用field.disabled=true禁用了它。现在我想要黑色的而不是灰色的我试过了，field.style.color我已收到变量(字段)中的值，并且已禁用文本框值。我的问题是它看起来很正常，所以我需要那个颜色为黑色。
浏览 0提问于2013-06-19得票数 0
我得到了一个从数据库中加载值的textBox和一个根据textBox的值更新更改的按钮。我需要的是启用该按钮，如果textBox值发生了变化。例如，textBox加载的值是3，如果我在textBox中再次输入3，按钮仍将被禁用。该按钮仅在我将值更改为4或任何数字但不是3时才会启用。
浏览 0提问于2013-05-03得票数 0
回答已采纳
使用MVC5，是否可以有一个按钮单击事件来更新同一页面上的标签？using (Html.BeginForm()) { <legend>Form</legend> @Html.TextBox("textbox1") <p>
@Html.Label("label1&q
浏览 0提问于2014-06-01得票数 1
如何使用wpf绑定根据不同TextBox文本属性的输入使按钮启用/禁用？
我看到了类似的问题，但是启用/禁用依赖于一个TextBox。是否有任何方法将启用/禁用的按钮绑定到多个TextBox文本属性？具体来说，需要根据包含ItemsControl列表的TextBox禁用/启用按钮吗？
浏览 0提问于2015-10-06得票数 0
回答已采纳
2回答
大家好，你们都经历过，当您一次又一次地使用textbox时，通过在其中编写内容并提交值，textbox开始根据之前编写的值向您提供关于onfocus事件的建议。我们是否可以禁用textbox的这个属性，它不应该建议以前的值？
浏览 0提问于2011-06-02得票数 19
回答已采纳
2回答
当受控禁用时，MVC3更改不保存
、、、、
我试图根据用户的权限动态禁用MVC3控件。它工作良好，并在进行更改时自动设置为默认值。但是，在单击submit按钮后进行保存时，没有保存任何更改。只有当控件被禁用时才会发生这种情况。disabled)
浏览 6提问于2012-03-27得票数 1
回答已采纳
我有一个文本框，当下拉列表设置为一个值(A、)时禁用，设置为另一个值时启用它(B、)。在编辑模式下，如果文本框被禁用(下拉列表值为A)，并且下拉列表的值被更改为B，那么如何使文本框启用？禁用文本框的ASP .NET代码： <asp:TextBox ID="TextBox5" runat=
浏览 2提问于2016-07-26得票数 0
回答已采纳
1回答
我用textbox动态地将“禁用”属性添加到jQuery输入字段中。但是，对于生成的HTML，它在我添加了“禁用”属性的textbox输入字段中是不可见的。因为它没有被添加到其中，所以我的另一个jQuery函数从未被输入。这是我的代码：$('.testGroup :input').prop('disabled', true)
当您对禁用的输入进行click或hover时，此函数将显示工具提示<e
浏览 1提问于2014-01-19得票数 0
回答已采纳
当进程在按钮单击事件中运行时，我想禁用textbox。我注意到textbox在事件发生后被禁用，而groupbox中的radiobuttons立即被禁用。该按钮应该在启动时禁用，并且根据某些方法的返回值，它应该重新启用或保持禁用。这是我当前的代码：{ {
tex
浏览 2提问于2017-11-07得票数 0
1回答
我有一个带有CheckBox和TextBox的中继器，我正在绑定到一个数据源。根据代码后面的条件，我希望能够动态禁用CheckBox和TextBox。") %>' </td>
<asp:TextBox</
浏览 0提问于2011-01-08得票数 0
回答已采纳
1回答
Html代码输入type=“name="a”value="{{abc}}“已禁用我正在尝试访问html textbox值name=a，它具有动态值它会产生MultiValueDictKey错误我尝试打印x，它打印None而不是textbox中的值
请帮帮忙
浏览 0提问于2020-02-01得票数 2
我想根据值(Model.CompanyNameEnabled)启用或禁用文本框。 @Html.TextBox("CompanyName", "", new { displayMode })
}
浏览 0提问于2011-07-06得票数 16
回答已采纳
我有一个TextBox，旁边有一个搜索按钮。单击搜索按钮时，将弹出一个页面，用户在其中选择值，该值将自动填充到搜索按钮旁边的TextBox中。现在，根据TextBox中自动填充的值，页面上还填充了其他动态控件。
我正在使用TextBox.TextChanged事件，我正在调用填充其他动态控件的方法。但是，只有当我从该TextBox按下tab键或enter键时，OnTextBox_changed事件才
浏览 0提问于2011-07-01得票数 0
我有一个下拉菜单，根据选择的项，我调用一个web服务，然后动态创建一些文本框。
当我第一次下拉菜单并选择一个项目时，它工作得很好，并且文本框是动态创建和填充的。然而，下一次我下拉菜单(在第一次回发之后)，并选择一些不同的东西...在第二次回发之后，原始值仍保留在文本框中。我正在清除占位符中的所有文本框，然后重新创建它们，然后设置一个新值，它们如何保留旧值……尤其是如果我从页面上controls.clear他们？注意:第二次创建它们时，textbox ID确实是相同的。会
浏览 0提问于2011-01-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
