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

我的表格定义如下：

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

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

这可能是毫秒的直角显示，但是页面会重置为空白表单。我可以通过在事后添加警报来修复此问题，但一旦我解除警报，页面就会重置。有没有办法阻止它复位

以下是完整的代码：

HTML- JavaScript-

---

这里还有一个实时版本-

我想js代码片段是写在

验证

函数中的

如果是这样，您可以使用

event.preventDefault（）

函数来阻止默认行为

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

---

注意：这将停止提交表单。但是您可以使用

ajax

发送表单数据

我假定js代码段是在

validate

函数中编写的

如果是这样，您可以使用

event.preventDefault（）

函数来阻止默认行为

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

---

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

防止表单提交的经典方法是从事件处理程序返回false，如

<form id="form" onsubmit="validate(); return false;">

或者将其传递给验证例程，其中可能可以有条件地调用

preventDefault

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

---

请注意，该功能提供了一种将javascript事件处理程序作为HTML属性值编写的替代方法，其优点是尽量减少试图设置相同“OneEvent”的多个脚本之间的冲突同一HTML元素上的HTML元素属性。

防止表单提交的经典方法是从事件处理程序返回false，如中所示

<form id="form" onsubmit="validate(); return false;">

或者将其传递给验证例程，其中可能可以有条件地调用

preventDefault

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

---

请注意，该功能提供了一种将javascript事件处理程序作为HTML属性值编写的替代方法，并具有最大限度地减少试图在同一HTML元素上设置相同“OneEvent”HTML元素属性的多个脚本之间的冲突的优势。

您能发布更多代码吗？这里没有太多的东西可供使用，你能发布更多的代码吗？这里没有太多的东西可以使用，我不熟悉ajax，但这是一个类，所以我怀疑我是否可以使用其他语言。这个自动重置不是我必须为分配解决的问题，但我无论如何都想解决。似乎您不打算将表单数据发送到服务器（因为您显然正在处理信息并使用JavaScript输出响应），因此阻止所描述的默认行为就足够了。谢谢，它起到了作用。如果我必须向服务器发送数据，还有其他方法吗？

ajax

解决方案简单吗？@parood是的ajax非常简单。如果您想使用jquery，它会更简单。我不熟悉ajax，但这是一个类，所以我怀疑我是否可以使用其他语言。这个自动重置不是我必须为分配解决的问题，但我无论如何都想解决。似乎您不打算将表单数据发送到服务器（因为您显然正在处理信息并使用JavaScript输出响应），因此阻止所描述的默认行为就足够了。谢谢，它起到了作用。如果我必须向服务器发送数据，还有其他方法吗？

ajax

解决方案简单吗？@parood是的ajax非常简单。如果您打算使用jquery，则更简单