使用验证的表单包括onsubmit = action

时间:2018-05-17 15:09:30

标签: javascript jquery html5 forms

我想首先询问表格是否填写正确?单击确定或取消,然后将表单通过操作提交到其他页面。

如果没有先验证它,它的工作原理如下:

<form method="POST" id="test" onSubmit= action="./test.html">

这是我尝试但不起作用的: 表格填写正确吗?

<form method="POST" id="test" onSubmit="if(copy('Is the form filled out correctly?')){return false;}" action="./test.html">

非常感谢您的帮助和支持

2 个答案:

答案 0 :(得分:1)

HTML:

<form method="POST" id="test" action="./test.html">
    <input type="submit">
  </form>

JS:

const form = document.querySelector("#test");
form.addEventListener("submit", (e) => {
  if (!confirm("Is the form filled out correctly?")) {
    e.preventDefault();
  }
})

答案 1 :(得分:1)

请参考此解决方案:

var form = document.querySelector("#test");
form.addEventListener("submit", (e) => {
  e.preventDefault();
  e.stopPropagation();
  return confirm("Is the form filled out correctly?"));
})