javascript - 中断表单提交的模式

标签 javascript forms modal-dialog

我有一个用于执行帐户取消的表单。我试图显示一个纯 CSS 模态表单来中断表单发布,以便用户可以确认提交。到目前为止,为了实现这一目标,我已经触发了表单提交的模式。但是,使用下面的代码会出现模式,但不会中断帖子,即帖子发生。

有谁知道如何让模式中断提交,直到按下模式中的另一个按钮来确认帖子?

表格:

    <form method='post' action='' onsubmit='return validate();'>
      <fieldset>
        <input type='hidden' id='cancel' name='cancel' value='cancel'>
        <input type='submit' id='submit' name='submit' value='submit'>
      </fieldset>
    </form>

模态 Javascript 触发器:

<script>
function validate() {
    var result = document.getElementById('myLink').click();
//    var result = confirm("Do you want to submit!");
    return result;
}
</script>

最佳答案

改变

<input type='submit' id='submit' name='submit' value='submit'>

到类型按钮

<input type='button' id='submit' name='submit' value='submit'>

处理按钮单击,以便它打开确认或您将使用的任何确认内容。 然后,根据结果 yesno 提交表单 http://www.w3schools.com/jsref/met_form_submit.asp

您的实现存在问题

document.getElementById('myLink').click();

并没有真正返回truefalse,至少结果不能被解释为你所期望的

关于javascript - 中断表单提交的模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37848271/

相关文章:

javascript - 如何使用 JavaScript 将文件上传路径附加到表单?

javascript - 单击按钮时关闭模态窗体并打开一个新窗体

javascript - 将 Jquery slider 与模态弹出窗口相结合的问题

javascript - Node.js:记录忽略的错误

javascript - 未捕获的语法错误 : Unexpected token : on chrome and "SyntaxError: missing ; before statement" on firefox

javascript - 获取每个表单部分的 id 和值

php - 是否有正确的方法在 Laravel 中对一种形式的不同部分实现部分验证

javascript - 通过ajax函数调用验证

twitter-bootstrap - Bootstrap模态宽度溢出问题

javascript - 移动版 Safari : detect tab key press in contenteditable field