Javascript 提交时如何保持相同的表格？

代码：

学生登录

学生报名

在这里，我创建了一个登录和注册表单。当我们点击登录时，会显示登录表单。当我们点击注册时，它会显示注册表单。现在，我想当我点击提交的注册表格，然后它进入登录表格。如何在单击“提交”时仅显示活动或div（它将是登录表单或注册表单）

---

谢谢

使用Jquery方法来实现此目的

将ID添加到您的表单名称中，如“登录表单”，并将您的登录身份验证代码放在一个单独的文件中

<div class="col-lg-6">
    <h3>Student Log In</h3>
    <hr/>
    <form method="post">
        <div class="form-group">
            <input type="text" name="email2" id="email2" placeholder="Enter Your Email" class="text-line"/>
        </div>
        <div class="form-group">
            <input type="password" name="password2" id="password2" placeholder="Enter Your Password" class="text-line"/>
        </div>
        <div class="form-group">
            <input type="submit" name="login" id="login" value="Login" class="btn btn-warning"/>
        </div>
    </form>
</div>
<div class="col-lg-6">
    <h3>Student Sign Up</h3>
    <hr/>
    <form method="post" enctype="multipart/form-data">
        <div class="form-group">
            <input type="text" name="fname" id="fname" placeholder="Your First Name" class="text-line"/>
        </div>
        <div class="form-group">
            <input type="text" name="lname" id="lname" placeholder="Your Last Name" class="text-line"/>
        </div>
        <div class="form-group">
            <p id="captImg"><?php echo $captchaImg; ?></p>
            <input type="text" name="captcha" value="" class="captcha" placeholder="Enter Image Inputs"/>
            <a href="javascript:void(0);" class="refreshCaptcha" >Can't Read Please Refersh Image</a>
        </div>
        <div class="form-group">
            <input type="submit" name="signup" id="signup" value="Sign Up" class="btn btn-warning"/>
        </div>
    </form>
</div>

---

您是否尝试过

event.preventDefault（）

我不是通过jquery@mohamadhasham提交表单数据您必须执行类似

的操作当您有一个未指定操作的表单时，每当您按下提交按钮时，它基本上会重新加载页面，或者实际上会将表单数据发送到同一页面，但是，由于您没有处理这些数据，看起来您只是刷新了页面。如前所述，您需要在JavaScript函数中使用

event.preventDefault（）

来防止这种标准行为。问题本身（我如何才能仅显示活动或div？它将是登录表单还是单击提交时的注册表单？）听起来不太清楚，您可以重新说明吗？激活什么或哪个分区？您的问题是“如何仅显示活动或div？”而另一部分是实际发生的情况？请澄清。顺致敬意，

<script>
  $(document).ready(function () {  
     $('#login-form').on('submit',function (e) {

          $.ajax({
            type: 'post',
            url: 'login_code.php',
            data: $('#login-form').serialize(),
            success: function (e) {
                //alert(e);
                switch(e)
                {
                    case "1":window.location.href = "home.php";
                        break;
                    case "2":$('#error').html('Username and password not match');
                        break;
                    default:$('#error').html('Username and password not match');
                        break;
                }

            }
          });
      e.preventDefault();
    });
        });

 $(document).ready(function () {  
  $('#login-form').on('submit',function (e) {
       e.preventDefault();
  });
 }):