提交表单时弹出确认框

Question

我有一个提交值的表单。当用户尝试提交表单时，我想要显示一个警示确认框。在点击“确定”之后，该值应该被保存，但是如果点击“取消”，表单将会显示但不会保存数据。

@using (Html.BeginForm())
{
 @Html.TextBoxFor(model => model.MobileNo)
<input type="submit" name="name" value="Save" />
}   

- satheeshkumar

---

http://meta.stackexchange.com/questions/10647/how-do-i-write-a-good-title - Soner Gönül

你需要查看 Ajax.BeginForm。 - Andrei V

有没有可能使用JavaScript？ - satheeshkumar

Answer 1

@using (Html.BeginForm())
{
 @Html.TextBoxFor(model => model.MobileNo)
<input type="submit" name="name" value="Save" onclick="return confirm('Are you sure?')" />
}  

您可以在按钮的onclick事件中使用JavaScript的confirm()方法并带有返回值。

- D Mishra

---

如果按下“确定”或“取消”按钮，条件在哪里？ - Neel

“return confirm('Are you sure?')" 作为条件检查正在工作。 - D Mishra

当使用<button form="myform">时，它不会在点击“OK”时提交。 - toddmo

Answer 2

试试这个

@using (Html.BeginForm())
{
 @Html.TextBoxFor(model => model.MobileNo)
<input type="submit" name="name" value="Save" onclick="javascript: return SubmitForm();" />
}  

javascript

function SubmitForm() {

var r = confirm("Are you sure you want to submit?");
  if (r == false) {
    return false;
  }       
}

- Nilesh Gajare