嗨，我如何向提交按钮添加一个功能，该功能显示提交点击后提交的<div>表单，而无需重新加载浏览器[关闭]

Question

我有一个 div 包含一些样式和文本，例如提交的表单，还尝试添加动画，单击表单提交后淡入 div 我使用 javascript 调用该函数，但仅使用重新加载的提交工作它不起作用这一页 我注意到如果您确实需要警报，则只有警报功能可以工作。

我在表单中添加了onsbumit，但仍然不起作用 我已经尝试过chaptt，但它不起作用。它提供了让我的提交在几秒钟后工作的选项，我的 div 将在计算提交表单时显示，但仍然不会重新加载

Answer 1

你有要求吗？

btn.addEventListener("click",(event)=> {
  event.preventDefault();
  alertBox.classList.add("show");
});

event.preventDefault()

将禁用表单提交的默认行为，即重新加载。

然后只需更改自定义 toast / 警报消息框的类，如

alertBox.classList.add("show");

如果您想要自动隐藏 Toast 警报，请参阅示例 - w3schools