如何更改表单的提交行为

时间:2019-07-08 11:15:22

标签: javascript

在HTML页面中,我有一个表单,提交时将返回false,例如:

<form id="form1" action="${formURL}" onsubmit="return false;" method="post" class="formdemotarget">
    <input id="text_name" name="text_name" value="text_name" type="text" />
    <input type="submit" value="submit">
</form>

现在可以使用javascript函数更改表单的onsubmit函数以让表单提交吗?

1 个答案:

答案 0 :(得分:1)

您可以使用新功能覆盖onsubmit属性。

document.querySelector("form").onsubmit = function (event) {
    alert("Replaced submit handler");
    return true;
};
<form id="form1" action="${formURL}" onsubmit="return false;" method="post" class="formdemotarget">
  <input id="text_name" name="text_name" value="text_name" type="text" />
  <input type="submit" value="submit">
</form>

最好不要一开始就陷入这种情况。首先设计事件处理程序以处理不同的情况。