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>

最佳答案

一个简单的内联 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);">

https://stackoverflow.com/questions/6515502/

相关文章:

javascript - 如何替换 div 元素中的文本?

css - Margin-Top 不适用于 span 元素?

html - 固定表格单元格宽度

html - CSS:元素符号和

  • 之间的控制空间

    html - 如何仅使用 CSS/HTML 隐藏图像损坏的图标?

    html - 为什么我的列表项元素符号与 float 元素重叠

    html - 为什么我的 CSS3 媒体查询在移动设备上不起作用?

    html - 相对定位元素而不占用文档流中的空间

    html - 移动 View 顶部的引导右列

    html - Flexbox vs Twitter Bootstrap(或类似框架)