2013-09-21 24 views
0

我想創建一個使用HTML,CSS和JavaScript登錄表單,我已經完成了它。但是,這裏的問題是我無法在用戶登錄成功後在所有頁面中顯示用戶名。而且,用戶成功登錄後,它似乎停留在應該在另一個頁面上的同一頁面上。任何人都可以幫助我使用此代碼,或給我一個提示,以便我可以完成剩下的工作。如何在成功登錄後通過僅使用JavaScript在所有頁面中顯示用戶名?

這裏是我使用

<head> 
    <title>Login page</title> 
</head> 
<body> 

<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt; 
color:#00FF00;>Simple Login Page</h1> 

<form name="myForm" method="post" action="target.html"> 
Username<input type="text" name="userid" id="userid"/> 
Password<input type="password" name="pswrd"/> 
<input type="button" onclick="check(this.form)" value="Login"/> 
<input type="reset" value="Reset"/> 
</form> 
<script language="javascript"> 
function check(form) 
{ 

if(form.userid.value && form.pswrd.value) 
    { 

alert("Welcome to BOOKSIS.COM"); 
var userid = document.getElementById("userid").value; 
document.write("Welcome " + userid); 

    } 
    else 
    { 
    alert("Error Password or Username"); 
    } 
    } 

    </script> 
    </body> 
    </html> 
+1

JavaScript是客戶端和大部分時間只用於網頁上的效果/交互。用戶系統是用PHP/mysql編寫的,所以這就是爲什麼它不記得它。你可以嘗試通過使用cookies找到解決辦法,但我認爲PHP/mysql路由更好。 –

+0

嘗試使用PHP和Ajax。 –

+0

您可以設置cookie來設置用戶名稱gloabal,並且您可以在每個頁面上顯示它 –

回答

2

代碼,您需要一臺服務器來存儲會話的登錄數據。 HTTP是無狀態協議,不能存儲數據。嘗試學習PHP或其他服務器端語言,並通過Ajax將您的變量發送到您的服務器。

0

這個工作的錯誤工具......任何只有中等程度的腳本知識的人都很容易繞過Javascript。沒有什麼是你的JS可以做的,一個用戶跟着代碼不能(例如,確定它檢查什麼密碼)。您無法隱藏用戶的代碼,因爲它必須發送給他們執行。

您需要執行此檢查服務器端並使用cookie /會話來存儲「已登錄」狀態。

可以從Javascript設置一個cookie並使用它,但是如上所述,所提供的安全性可以忽略不計,因此不值得花時間來實現它。

我強烈建議你看看ASP.Net,PHP或者Python的可能,讓你開始

相關問題