Question

当用户提交表单时，我想显示一个确认弹出窗口，例如“确定要保存吗？。”。

这里是带有提交按钮的表单。表单具有字段，但没有在此处显示它们的用途。

@using (Html.BeginForm("RepPayment", "Admin", FormMethod.Post, new { @id = "Form1" }))
{ 
 <input style="box-shadow: 5px 5px 5px lightgrey;" type="Submit" value="Send" class="btn btn-info"/>
 }

这是从表单提交数据的操作。

[HttpPost]
    public ActionResult RepPayment(FormCollection fc)
    {
        var pm = db.tbl_Amounts.ToList();
        tbl_Amounts am = new tbl_Amounts();
        DateTime dt = DateTime.Now;

        am.fk_repId = Convert.ToInt32(fc["selectCity"]);
        am.TransferedAmount = Convert.ToInt32(fc["TransferAmount"]);
        am.TotalAmount = Convert.ToInt32(fc["Total"]);
        am.RemainingAmount = am.TotalAmount - am.TransferedAmount;
        am.Date = dt.ToShortDateString();
        db.tbl_Amounts.Add(am);
        db.SaveChanges();
         return RedirectToAction("RepPayment", "Admin");
    }

因此，在将数据保存到数据库之前，用户应在确认框中单击“是”以提交表单。我尝试了很多方法，但没有一个起作用。任何帮助将不胜感激。谢谢!!!

Answer 1

一个简单的嵌入式JavaScript确认就足够了：

<form onsubmit="return confirm('Do you really want to submit the form?');">

或

对于MVC，您可以使用以下代码

@using (Html.BeginForm("RepPayment", "Admin", FormMethod.Post, 
        new { @id = "Form1", onsubmit="return confirm('Do you really want to submit the form?');" }))
{ 
 <input style="box-shadow: 5px 5px 5px lightgrey;" type="Submit" value="Send" class="btn btn-info"/>
}

Answer 2

创建一个隐藏的弹出窗口，然后用户单击您的提交按钮，将其显示并使“是”按钮成为提交表单。保留当前的Submit按钮，但将类型设置为button，并使用一些jquery显示弹出窗口，YES的类型为SUBMIT

我想在提交表单时显示确认弹出窗口

2 个答案: