Javascript Ajax DOM将onsubmit添加到表单

Question

在我的项目中，我使用Ajax DOM创建POST表单。 我必须添加一个onsubmit方法，我尝试：

var impform = document.createElement("FORM");
impform.method = "post";
impform.onsubmit = "/import_templ";

但是当我加载我的网页表单时，创建成功并且方法是POST，但是没有onsubmit方法。

如何将onsubmit方法添加到表单中？

预先感谢

Answer 1

分配给onsubmit属性的值（或与addEventListener附加的值，这是现代方法）必须是函数。

您要分配一个字符串。

function submitHandler(e) {
    e.preventDefault();
    document.body.style.background = '#aaf';
}

var impform = document.createElement("form");
impform.method = "post";
impform.action = "http://example.com/";
impform.addEventListener("submit", submitHandler);

var btn = document.createElement("input");
btn.type="submit";

impform.appendChild(btn);
document.body.appendChild(impform);

Answer 2

例如。 DOM表单/输入访问权限，然后单击提交按钮。

<form method="post" name="form_test">
  <button type="button" name="submit_test" >test</button>
</form>
<script>
document.form_test.method = "post";
document.form_test.action = "/import_templ";
document.form_test.addEventListener("click", submit);
function submit () {
  document.form_test.submit();
}
</script>

Answer 3

请相信/ import_templ是您要访问的道路，因此您必须将其置于非onsubmit形式的行中

impform.method =“ / import_templ”;

然后将您的按钮类型更改为“提交” 导入此模板