我想創建一個使用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>
JavaScript是客戶端和大部分時間只用於網頁上的效果/交互。用戶系統是用PHP/mysql編寫的,所以這就是爲什麼它不記得它。你可以嘗試通過使用cookies找到解決辦法,但我認爲PHP/mysql路由更好。 –
嘗試使用PHP和Ajax。 –
您可以設置cookie來設置用戶名稱gloabal,並且您可以在每個頁面上顯示它 –