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

javascript html forms submit confirm

2022-08-30 00:56:08

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

使用两个选项单击按钮时显示一个警告框：
- 如果单击“确定”，则提交表单
- 如果单击“取消”，警报框将关闭，并且可以调整并重新提交表单

我认为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>

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

答案 2

您可以使用 JS 确认功能。

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

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