c# - 表单提交后启用文本框和按钮 ASP.NET MVC 4

Question

我想在提交表单后启用更新按钮。这是我的代码:

View :

@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>   
}

更新按钮、名字 和姓氏 文本框具有'禁用' 属性。搜索技术人员编号后，表格将更新为与技术人员编号相对应的名字和姓氏值。

现在我想去掉更新按钮的disabled属性，firstname和lastname，这样就可以编辑和更新了。执行此操作的最佳方法是什么？

我试过这个:

脚本:

$(document).ready(function () {
    $("#search").click(function () {               
        $("#update,#firstName,#lastName").removeAttr("disabled");              
    });            
});

它在提交表单时启用元素，但一旦提交表单，页面就会重新加载文本框中已有的值并禁用元素。

Answer 1

当您将表单发布到 Controller 时，您可以将模型中的值返回给 View ，这将决定按钮是禁用还是启用，或者您也可以使用@Viewbag.disableUpdate，以便在发布按钮后正确呈现

<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>   

从 Controller 传递 @ViewBag.disableUpdate=""//使其启用

和@ViewBag.disableUpdate="disable";//启用它