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

小编典典

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

javascript

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

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

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

阅读 711

2020-04-25

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

2020-04-25