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

发布于06月29日

对于一个带有询问字段填写是否正确的alert 的简单表单，我需要一个函数:

单击按钮时显示一个alert 框，有两个选项:
- 如果单击"OK"(确定)，则提交表单
- 如果单击"取消"，alert 框将关闭，可以调整并重新提交表单

我认为JavaScript确认会起作用，但我似乎不知道该怎么做.

我现在拥有的代码是:

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

<form>
  <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>

推荐答案

一个简单的inline JavaScript confirm就足够了:

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

不需要external function，除非你正在做validation，你可以这样做:

<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);">