javascript - 如何在 JS 和 HTML 中停止表单自动重置？

Question

我有一个定义如下的表单:

<form id="form" onsubmit="validate()">

我处理信息，然后修改 HTML 正文，如下所示:

var toRemove = document.getElementById("formContainer");
toRemove.parentNode.removeChild(toRemove);
document.getElementById("main").childNodes[1].innerHTML = text1;
document.getElementById("main").childNodes[3].innerHTML = text2;

这可能会正确显示一毫秒，但随后页面会重置为空白表单。我可以通过事后添加警报来解决此问题，但是一旦我消除警报，页面就会重置。有没有办法阻止它重置？

完整代码如下:

HTML - http://puu.sh/p7HIl/e1abcc7920.html JavaScript - http://puu.sh/p7HJ3/54850f8588.js

这里还有一个实时版本 - http://139.62.210.151/~n00876544/assign2/index.html?firstName=Cameron&lastName=Bixby&age=21-30&email=Other&baduk=yes

Answer 1

我认为 js 片段是写在 validate 函数中的

如果是这样，您可以使用 event.preventDefault() 函数来阻止默认行为。

function validate(event){
  event.preventDefault();
  //Rest of the code
}

注意:这将停止提交表单。但您可以使用ajax发送表单数据