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>

如果有帮助，请告诉我。

保存完成成功后启用按钮

2 个答案: