Javascript 提示用户确认在不使用ajax的情况下提交

Javascript 提示用户确认在不使用ajax的情况下提交,javascript,jquery,ajax,api,Javascript,Jquery,Ajax,Api,我有一个submit事件,它使用原生POST(非ajax) 当用户单击提交按钮时,如何提示用户?如果用户单击“确认”,则只有它将继续。。我知道我可以用ajax实现这一点,但是也可以用原生post实现吗?您可以向表单的提交事件添加确认(),并按如下方式将其值返回到匿名函数(使用jQuery): 就这么做吧 <form onsubmit="return confirm('Are you sure?')" /> 虽然这不是推荐的方法,但它可以满足您的需要 <form metho

我有一个submit事件,它使用
原生POST
(非ajax)



当用户单击提交按钮时,如何提示用户?如果用户单击“确认”,则只有它将继续。。我知道我可以用ajax实现这一点,但是也可以用
原生post
实现吗?

您可以向表单的
提交事件添加
确认()
,并按如下方式将其值返回到匿名函数(使用jQuery):

就这么做吧

<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>

提交
函数submitForm(){
var r=确认(“您想提交表格吗?”);
如果(r==true){
document.getElementById(“mainForm”).submit();
}否则{
返回false;
}
}

输入名称:
是的,这是可能的

<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>

输入名称:
函数t(){
如果(确认(“Yo”)){
var form=document.getElementById(“f”)
表格提交(
}
}

尽量避免推荐侵入性事件处理程序。@BenM我发现这更直截了当,为什么不?@MariaJane@MariaJane因为它们已经过时,使代码更难维护(在团队中工作时这一点非常重要),而且违反了principle@MariaJane多么美好的前景啊,这肯定会使你成为一名优秀的开发人员。我可以内联使用它吗?因为它只是一行,你可以内联,但这是非常糟糕的做法。(见我刚才对另一个答案的评论)。为什么是坏习惯?对于我的注册页面,我没有任何js文件。所以也可以只写一行,只是为了提示一行确认信息。@MariaJane,你读过我发送的链接了吗?请不要推荐侵入式事件处理程序。另外,您不需要使用
if()else
块,只需
返回
confirm()
函数即可。这表明有可能从确认对话框中获得响应,大多数情况下,您需要在提交或取消时执行某些操作。
<form method="post" onsubmit="return confirm('Do you really want to submit');">
  <button type="submit" value="submit">Submit</button>
</form>
<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>