提示用户确认提交，不使用ajax

prompt user to confirm to submit without ajax

本文关键字：ajax 用户 确认 提交 提示      更新时间：2023-09-26

我有一个使用native POST(非ajax)的提交事件。

<form method="post">
<button type="submit" value="submit"></button>
</form>

如何在用户点击提交按钮时提示用户?如果用户点击确认，那么只有它会继续。我知道我可以做到这一点与ajax，但它是有可能做到与native post太?

您可以在表单的submit事件中添加confirm()，并将其值返回给匿名函数，如下所示(使用jQuery):

$('form').on('submit', function() { 
    return confirm('Are you sure?');
});
<<p> jsFiddle演示/strong>

去做吧

<form onsubmit="return confirm('Are you sure?')" />

虽然这不是推荐的方式，但它会做你想要的

<form method="post" onsubmit="return confirm('Do you really want to submit');">
  <button type="submit" value="submit">Submit</button>
</form>


function submitForm() {
var r = confirm("Do you want to submit the form?");
if (r == true) {
    document.getElementById("mainForm").submit();
} else {
    return false;
}
}
<html>
<body>
<form id="mainForm" method="post" onsubmit="submitForm()">
  Enter name: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>
</body>
</html>

是有可能的。

<form id="f" action="demo_form.asp" onsubmit="return false">
  Enter name: <input type="text" name="fname">
  <input type="submit" onclick="t()" value="Submit">
</form>
<script>
function t() {
    if(confirm("Yo")){
       var form = document.getElementById("f")
       form.submit()
    }
}
</script>
相关文章：