Question

我想尝试一段时间，但没有成功。我希望有人可以帮助我。

这是我想做的事：

在登录页面中，我有两个部分：

1）登录部分;
2）注册部分;

当页面加载时，它只显示登录部分（1），因为注册部分是“display：none;”。登录部分有一个注册按钮，当你点击它时，它会显示：none; none;到第1节）并使第2节显示：块; 这样我只看到注册部分。到目前为止还没有问题。

问题是您填写注册表单时遇到错误（假设您输入的密码不够用。）它会在表单提交时重新加载页面并显示错误。 主要问题是重新加载页面时重置display：none;订购并使注册部分再次不可见。

我试过了：

<?php if($this->session->flashdata('error_registration')
<section class="login" style="padding: 20px 28px;display:none;">
<?php else:?>
<section class="login" style="padding: 20px 28px;">
<?php endif;?>

Answer 1

你可以像这样处理它...只有当你检查错误时有一些返回true / false的东西。

首先，在您的注册表单中添加一个隐藏的输入，如

<input type="hidden" name="signup" value=1 />

然后检查它以确定提交的表格是注册表格

<?php
    // Defaults
    $display_login = ''; // Show Login
    $display_signup = 'display:none;' // Hide Signup

    // If signup form was submitted, check for errors & adjust display of each section
    if(isset($_POST["signup"]){
        $error = $this->session->flashdata('error_registration'); // Must return boolean
        $display_login = $error ? 'display:none;' : ''; // If Error, Hide Login
        $display_signup = $error ? '' : 'display:none;'; // If Error, Show Signup
    }
?>

<section class="login" style="<?= $display_login ?>">
<section class="signup" style="<?= $display_signup ?>">

Answer 2

有几种方法可以做到这一点，以下是其中一些方法：

Ajax方法（推荐）

（恕我直言，这是最好的方法。这种方法对用户体验的影响最小，并且避免了因为你根本不重新加载页面而完全显示div的问题。）

  $('#login-button').click(function () {
      var $this = $(this);
      var username = $('#userName').val();
      var password = $('#password').val();
      var data = {
          command: "login",
          username: username,
          password: password
      }
      $.ajax({
          type: "POST",
          url: 'login-manager.php',
          data: data,
          success: function (response) {
              if (response.success == true) {
                  window.location = 'homepage.php';
              } 
              else {
                  var error = response.error;
                  // show some error message here
              }
          },
          error: function (xhr, status, error) {
              var err = eval("(" + xhr.responseText + ")");
              console.log(err.Message);
          }
      });
  });

然后在login-manager.php

$data= isset($_POST['data']) ? $_POST['data'] : null;
$command = isset($data['command']) ? $data['command'] : (isset($_POST['command']) ? $_POST['command'] : (isset($_GET['command']) ? $_GET['command'] : null));

if($command == 'login'){
    $username= isset($data['username']) ? $data['username'] : null;
    $password=isset($data['password'])? $data['password'] : null;
    $loginAttempt=login($username,$password);
    // login() should be you own login function and it should return true if the user was logged in or an error message otherwise
    if($loginAttempt===true)
    { 
        echo json_encode(array('success'=>true));
        exit;
    }
    else
    {
        echo json_encode(array('success'=>false,'error'=>$loginAttempt));
        exit;
    }
}

else if($command == 'register'){
    // handle registration logic similarly here
}

获取变量

按照您目前的方式提交表单

有一些注册功能，如：

session_start();

//....

function register($username, $password,$email){

   // do some registration logic here
  if($someError){
     header('Location: login.php?regErr='.$someError); // redirect the user to the login page with error as get var
  }

}

然后在登录页面上执行类似这样的操作

 session_start();

 //....

if(isset($_GET["regErr"])){
                echo '<script> $(function(){ $("#resistrationDiv").show();$("#resistrationError").text('.$_GET["regErr"].');';
}

会话变量