gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:33:48 24 4
gpt4 key购买 nike

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

<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.htmlJavaScript - 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

最佳答案

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

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

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

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

关于javascript - 如何在 JS 和 HTML 中停止表单自动重置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37495268/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com