保存成功时启用按钮

Question

我使用以下代码进行编辑操作，并且我在编辑屏幕中有一个按钮，我希望它在编辑成功时启用

我该怎么做？

这是编辑操作

 // more details see http://go.microsoft.com/fwlink/?LinkId=317598.
        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Edit([Bind(Include="UserId,FirstName,LastName,Email,Phone,PhoneWork,WorkingAt")] User user)
        {
            if (ModelState.IsValid)
            {
                db.Entry(user).State = EntityState.Modified;
                db.SaveChanges();

            }
            return View(user);
        }

这是按钮

@using (Html.BeginForm("check", "User"))
{
    <input type="submit" id="btn" value="check" />
    <span id='result'></span>
}

Answer 1

首先你必须在加载时禁用你的按钮

@using (Html.BeginForm("check", "User"))   
{  
   <input type="submit" id="btn" value="check" disabled />
   <span id='result'></span>
}

在你的编辑按钮上写函数 onclick=enable();添加jquery

 <script type="text/javascript">
    function enable() {
        var btn = document.getElementById("btn");
        btn.disabled = false;
    }
</script>

Answer 2

只需确保您使用的按钮标签类型为提交

<button type="submit" id="btn" value="check">Save</button> 

这就是我为我的按钮所做的，只需使用 javascript 来实现。

<script>
    $(document).ready(function () {
        $(document).on('invalid-form.validate', 'form', function () {
            var button = $(this).find('button[type="submit"]');
            setTimeout(function () {
                button.removeAttr('disabled');
            }, 1);
        });
        $(document).on('submit', 'form', function () {
            var button = $(this).find('button[type="submit"]');
            setTimeout(function () {
                button.attr('disabled', 'disabled');
            }, 0);
        });
    });
</script>

如果有帮助，请告诉我。