Javascript函数允许父div与a-tag一起消失，但不能作为按钮消失

我想做一个表单，当点击一个按钮时，让父表单消失。我用Javascript做了几次尝试，之后我得到了一个可以通过点击a-tag来工作的函数，但当我用按钮尝试相同的功能时，就没有了。我不明白为什么，但假设它与按钮元素有关

然后我有整个表单和包含表单的div（缩写，只是为了显示结构、表单/施工工程）。 以下是我的职责：

函数hideFunction（）{
$（“#提交”）.closest（#fullbody”）.css（{“display”：“none”}）}

添加
忘记密码
点击

您可以像这样使用

event.preventDefault（）

：

函数隐藏函数（事件）{
event.preventDefault（）；
$（“#提交”）.closest（#fullbody”）.css（{“display”：“none”}）}

添加
忘记密码
点击

当您单击类型为“提交”的按钮时，页面已刷新，您的代码无法正常工作。 测试以下HTML代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="fullbody" style="display:block" class="w3-content w3-white r_siu r_centered_div">

    <div id="register" role="form" class="r_form_elements">
        <form  method="post" class="form" action="profile_corp.php" enctype="multipart/form-data" autocomplete="off" >
            <div class="w3-row">
                <input type="submit" id="submit" name="login" value="Add" class="w3-button w3-black w3-half w3-hover-yellow" onclick="hideFunction(event)" />
                <input type="button" id="forgot" value="Forgot Password" class="w3-button w3-black w3-half w3-hover-pale-yellow"/>
            </div>
        </form>
    </div>
</div>

---

按钮提交表单（查看其类型，但即使没有type属性，它也会提交表单），因此页面将重新加载。一种解决方案：

调用函数后返回false

。请参阅：如果在单击按钮时重新加载，则需要在js函数中使用event.preventdafult停止重新加载。您已经使用了按钮类型Submit。因此，页面将post发送到服务器，然后服务器返回profile_corp.php页面。若你们想让内容消失，那个就把按钮类型从submit改为button。到目前为止效果还不错。但是有没有一种方法可以像“提交”和“隐藏”一样使用它？提交和隐藏？怎么样？“提交”按钮通常刷新页面。如果你想在那之后隐藏，那么你可以通过一些检查来隐藏它，这是我的错，伙计们。我的代码中还有一个问题，我已经解决了。得到了我想要的。与ajax有关。现在它可以按我的要求工作了。所以谢谢你们，尤其是你们，Dij。稍后将测试你们的代码，Erfan。但到目前为止，还是要谢谢你。：-）

$(function(){
   $("#submit").on("click",function(e){
      e.preventDefault();
      $(e.target).parents("form").submit()
      $(e.target).parents("#fullbody").css("display","none");
   });
});