如何在不重新加载页面的情况下验证表单并保持inhidden div的完整性？javascript、php、ajax

我的程序有问题。我需要帮助。单击按钮即可取消隐藏div元素。div包含一个表单。当然，在使用ajax在数据库中发布内容之前，表单需要验证。然而，我的主要问题是，每当我使用javascript按下submit进行验证时，页面就会重新加载，导致div再次隐藏。我在jquery方面也遇到了问题。我的意思是，我还在学习jquery

css

.divform{
visibility: hidden;
}

javascript

function unhide(){
  document.getElementById("divform").style.visibility = "visible";
}

function validateform(){
   //validation with focus() on if false
}

html

<input type='button' onclick='unhide()' value='unhide'/>
<div class='divform' id='divform'>
  <form method='post' id='formid' name='formid' onsubmit='validateform();'>
  <label>Name: </label> <input type='text' name='name' id='name'/>
  <!-- more input type here-->
  <input type='submit' name='submit' value='submit'/>
  </form>
</div>

姓名：

---

如何在不重新加载页面且不导致div再次隐藏的情况下成功提交表单？谢谢，我真的需要你的帮助

任何不需要重新加载页面的haapens都使用AJAX

在这里学习

此处给出了另一个具体示例：