在表单提交后启用文本框和按钮.Net MVC 4
Enable textboxes and button after form submittal ASP.NET MVC 4
我想在表单提交后启用更新按钮。下面是我的代码:
视图:
@using (Html.BeginForm("ProcessTech", "Home", FormMethod.Post))
{
@Html.TextBoxFor(m => m.techNo, new { @class = "form-control maintain-text", placeholder = "Technician No..." })
<span class="input-group-btn">
<button type="submit" id="search" name="SubmitButton" value="search" class="btn btn-default">
<i class="fa fa-search"></i>
</button>
</span>
<td>First Name :</td>
<td class="display-field">@Html.TextBoxFor(m => m.firstName, new { @class = "form-control", style = "width:380px;", disabled = "disabled" })</td>
<td>Last Name :</td>
<td class="display-field">@Html.TextBoxFor(m => m.lastName, new { @class = "form-control", style = "width:380px;", disabled = "disabled" })</td>
<button name="SubmitButton" value="update" id="update" type="submit" style = "float:right;margin-right:10px; border-radius:5px;" class="btn btn-default" disabled><i class='fa fa-edit fa-fw'></i>Update</button>
}
更新按钮, firstname &lastname文本框有一个'disabled'属性。搜索技术员编号后,表单将更新为姓名&与技术编号对应的姓氏值。
现在我想删除更新按钮的禁用属性,firstname和lastname,以便可以编辑和更新。最好的方法是什么?
我试过了:
脚本:
$(document).ready(function () {
$("#search").click(function () {
$("#update,#firstName,#lastName").removeAttr("disabled");
});
});
它在表单提交时启用元素,但一旦表单提交,页面就会重新加载文本框中已有的值,并禁用元素。
当你将表单提交给控制器时,你可以在模型中返回一个值给视图,这将决定按钮是被禁用还是启用,或者你也可以使用@Viewbag。disableUpdate以便post后按钮正确呈现
<button name="SubmitButton" value="update" id="update" type="submit" class="btn btn-default" @ViewBag.disableUpdate ><i class='fa fa-edit fa-fw'></i>Update</button>
从控制器传递@ViewBag。disableUpdate="//启用
和@ViewBag.disableUpdate ="禁用";//启用
我根据Maneesh的回答修改了我的代码,下面是我得出的结论:
模型:
public bool setEnable { get; set; }
public IndexModel() { setEnable = false; } //constructor
控制器:
public ActionResult Index()
{
return View(new IndexModel());
}
[HttpPost]
public ActionResult ProcessTech(string SubmitButton)
{
IndexModel _oTechModel = new IndexModel();
switch (SubmitButton)
{
case "search": //search technician
{
_oTechModel.setEnable = true;
}
break;
}
return View("Index", _oTechModel);
}
视图:
@model Maintenance_.Models.IndexModel
@{
ViewBag.Title = "Technician";
if(Model.setEnable==true)
{
ViewBag.disableUpdate = "";
}
else{
ViewBag.disableUpdate = "disabled";
}
}
//HTML codes goes here..
相关文章:
- ASP.NET通过单击JavaScript按钮触发c#事件
- 如何在asp.net上应用javascript按钮点击
- 如何在ASP.NET中单击按钮后激活启动选项卡
- 如何在重定向到asp.net中单击按钮的下一页之前应用javascript警报
- 如何在asp.net按钮上显示Bootstrap Autocloseable警报消息
- 如何使用按钮'的OnClientClick属性,以便在ASP.NET中运行一些多个JavaScript函数
- Asp.net按钮事件点击不做回发.有可能吗
- 在ASP.Net C#中单击按钮张贴对话框
- 在ASP.NET中单击“提交”按钮时,使表单不刷新
- 在SweetAlert中传递ASP.NET按钮单击事件
- 仅当条件为真时,才将客户端单击确认添加到 asp.net 按钮
- 在 asp.net 回发期间禁用和启用按钮
- 如何禁用导致在ASP.NET UpdatePanel上返回的提交按钮
- 按钮的点击事件是't在asp.net中触发
- 使用数据寻呼机在 asp.net 分页 - 下一个,上一个按钮
- ASP.NET 显示单选按钮列表和下拉列表的进度条/加载
- 想要清除文本框+聚焦文本框+阻止asp.net在同一按钮上回发
- ASP.NET ListView选项卡事件触发验证按钮
- 如何在单击asp.net按钮时自动单击html按钮
- 在表单提交后启用文本框和按钮.Net MVC 4