HTML 表单提交显示 javascript 确认窗口答案

【问题标题】：HTML form submit show javascript confirm windowHTML 表单提交显示 javascript 确认窗口
【发布时间】：2013-10-04 09:35:28
【问题描述】：

我有一个 HTML 表单：

<form method="post" action="addticketupdate.php">
....

</form>

然后在我的表格上方：

<?php
if(isset($_POST["submit"])) {
... do stuff here
}
?>

所以我表单中的提交按钮的 id 和名称为 "submit"

我想在单击提交按钮时弹出一个 JavaScript 确认框，语句说：如果用户单击“确定”，则执行 php 代码，否则什么也不做。

我该怎么做？

【问题讨论】：

Confirm before a form submit 的可能重复项
@Mat 确实如此 :) 这是“优雅的俚语”，我在谷歌翻译中得到了有效的结果。
@Mat 这并不重要，我实际上并没有编辑含义，只是让单词更短。我看不出其中有任何愚蠢。

标签： php html

【解决方案1】：

只需使用这个：

<form method="post" action="addticketupdate.php" onsubmit="return confirm('Do you want to submit the form?');" >

选项 2：（点击提交按钮时）

$('#submit').click(function() {
    var res = confirm('Do you really want to submit the form?');
    if(!res){ 
       return false; 
    }else{ 
       //submits form 
    }
});

【讨论】：

刚刚尝试了您的选项 2，它使用了

【解决方案2】：

你可以这样做，

<form method="post" action="addticketupdate.php" onsubmit="return confirm('Need to submit??');">
<!-- your other html input code -->
    <button type="submit">submit</button>
</form>

【讨论】：

【解决方案3】：

<script>
function validate() {
    var result = confirm("Do you want to submit!");
    return result;
}
</script>
<form name="form-name" onsubmit="return validate();">

【讨论】：

【解决方案4】：

这应该是使用对话框而不是警报弹出框。
但是对话框没有完全支持，所以“Fancy Box”在这种情况下是最好的。

FancyBox

因此，在您的网站安装精美的盒子后，您应该删除他们在那里的默认按钮并将其更改为输入类型提交并将其添加为“提交”。

【讨论】：