JavaScript表单提交 - 确认或取消提交对话框

Question

对于一个带有警告的简单表单,询问字段是否填写正确,我需要一个执行此操作的函数:

• 单击按钮时显示警告框,有两个选项:

  • 如果单击"确定",则提交表单
  • 如果单击取消,则会关闭警报框,并可以调整并重新提交表单

我认为JavaScript确认可行,但我似乎无法弄清楚如何.

我现在的代码是:

function show_alert() {
  alert("xxxxxx");
}

Answer 1

一个简单的内联JavaScript确认就足够了:

<form onsubmit="return confirm('Do you really want to submit the form?');">

除非您正在进行验证,否则不需要外部函数,您可以执行以下操作:

<script>
function validate(form) {

    // validation code here ...


    if(!valid) {
        alert('Please correct the errors in the form!');
        return false;
    }
    else {
        return confirm('Do you really want to submit the form?');
    }
}
</script>
<form onsubmit="return validate(this);">

Answer 2

function show_alert() {
  if(!confirm("Do you really want to do this?")) {
    return false;
  }
  this.form.submit();
}

Answer 3

您可以使用JS确认功能.

<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}">
  <input type="submit" />
</form>

http://jsfiddle.net/jasongennaro/DBHEz/

Answer 4

简单易行：

<form onSubmit="return confirm('Do you want to submit?') ">
  <input type="submit" />
</form>