Я хочу показать всплывающее окно подтверждения при отправке формы

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

Создайте скрытое всплывающее окно, и, как только пользователь нажмет на кнопку «Отправить», покажите его и сделайте кнопку «ДА» той, чтобы отправить форму. Оставьте текущую кнопку «Отправить», но установите тип как кнопку и с помощью некоторого jquery покажите всплывающее окно, и YES будет иметь тип SUBMIT