Question

代码：

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

我在这里创建了登录和注册表单。当我们点击登录时，会显示登录表单。当我们点击注册时，它会显示注册表单。现在，我希望当我点击提交 注册表单时，它会转到登录表单。如何在提交上显示只有活动或div 登录表单或注册表单？

谢谢

Answer 1

将Jquery方法用于此

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

<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();
  });
 }):

提交时如何保持同一表格？

1 个答案: