最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

第十三章-盤古開天(四)-登入功能(上)

XAMPP下载 admin 1076浏览 0评论
 登入頁面主要拆成兩塊,
一塊前端頁面和一塊後端處理,
今天先講前端頁面的部分,
首先這個頁面一開始就會用到session來做處理,
在進入login.php的登入頁面時,
首先要判斷是否已登入,
有的話直接幫他跳轉到主頁面,
(避免重複登入出問題)

session_start();//開啟session功能
header(“Content-Type:textml; charset=utf-8″);
$url = “main.php”;
//若account_temp不為空,則轉跳到主頁面
if($_SESSION[‘account_temp’] != “” && $_SESSION[‘account_temp’] != null){
echo “<script>window.location.href=’$url’;</script>”;
return null;
}
再來是html和javascript的部分

<form method=’POST’ action=’login_success.php’ id=’login_action’ name=’login_action’>
帳號:<input type=”text” id=”user_account” name=”user_account”/><br/>
密碼:<input type=”password” id=”user_pw” name=”user_pw”/><br/>
<input type=’button’ id=”login_bt” name=”login_bt” value=”登入” onclick=”check_data()”/>
</form>
function check_data(){
//基本判斷帳密是不是空值
if($(“#user_account”).val() == “”){
alert(“請輸入帳號”);
return false;
}else if($(“#user_pw”).val() == “”){
alert(“請輸入密碼”);
return false;
}

$(“#login_action”).submit();
}
js只有簡單判斷是否為空值,
主要判斷在後端處理的部分,
今天簡單介紹到這,下次見囉~~

转载请注明:XAMPP中文组官网 » 第十三章-盤古開天(四)-登入功能(上)

您必须 登录 才能发表评论!