上一節(jié)在登入頁面的HTML中加入<a>連結(jié)增加一些簡單的CSS樣式即可實現(xiàn)頁面跳到註冊頁。

本節(jié)只需要在註冊的PHP程式碼中加入一段JavaScript跳轉(zhuǎn)語句，就可以實現(xiàn)註冊成功後跳到登入頁面進(jìn)行登入。

<?php
//插入數(shù)據(jù)庫
if(!(mysqli_query($link,$sql))){
  echo "<script>alert('數(shù)據(jù)插入失敗');window.location.href='zhuce.html'</script>";
}else{
  echo "<script>alert('注冊成功！去登陸');window.location.href='login.html'</script>";
}
?>

前面章節(jié)註冊PHP程式碼中在alert('註冊成功')後面加一段window.location.href='login.html'即可實現(xiàn)。

當(dāng)然把?alert('註冊成功') 改成?alert('註冊成功！去登陸')也是不可或缺的。

合理的登入頁面為?login.html

完整程式碼：

<?php
  session_start();
  header("Content-type:text/html;charset=utf-8");
  $link = mysqli_connect('localhost','root','root','test');
  if (!$link) {
    die("連接失敗:".mysqli_connect_error());
  }
  $username = $_POST['username'];
  $password = $_POST['password'];
  $confirm = $_POST['confirm'];
  $email = $_POST['email'];
  $code = $_POST['code'];
  if($username == "" || $password == "" || $confirm == "" || $email == "" || $code == "")
  {
    echo "<script>alert('信息不能為空！重新填寫');window.location.href='zhuce.html'</script>";
  } elseif ((strlen($username) < 3)||(!preg_match('/^\w+$/i', $username))) {
    echo "<script>alert('用戶名至少3位且不含非法字符！重新填寫');window.location.href='zhuce'</script>";
    //判斷用戶名長度
  }elseif(strlen($password) < 5){
      echo "<script>alert('密碼至少5位！重新填寫');window.location.href='zhuce.html'</script>";
      //判斷密碼長度
  }elseif($password != $confirm) {
      echo "<script>alert('兩次密碼不相同！重新填寫');window.location.href='zhuce.html'</script>";
      //檢測兩次輸入密碼是否相同
  } elseif (!preg_match('/^[\w\.]+@\w+\.\w+$/i', $email)) {
      echo "<script>alert('郵箱不合法！重新填寫');window.location.href='zhuce.html'</script>";
      //判斷郵箱格式是否合法
  } elseif($code != $_SESSION['authcode']) {
    echo "<script>alert('驗證碼錯誤！重新填寫');window.location.href='zhuce.html'</script>";
    //判斷驗證碼是否填寫正確
  } elseif(mysqli_fetch_array(mysqli_query($link,"select * from login where username = '$username'"))){
    echo "<script>alert('用戶名已存在');window.location.href='zhuce.html'</script>";
  } else{
    $sql= "insert into login(username, password, confirm, email)values('$username','$password','$confirm','$email')";
    //插入數(shù)據(jù)庫
    if(!(mysqli_query($link,$sql))){
      echo "<script>alert('數(shù)據(jù)插入失敗');window.location.href='zhuce.html'</script>";
    }else{
      echo "<script>alert('注冊成功！去登陸');window.location.href='login.html'</script>";
    }
  }
?>

這樣，與前面的登入註冊的程式碼共同使用，我們就實現(xiàn)了完整的用戶登入註冊功能模組。