2013-09-21 2 views
0

html, css 및 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

시작하는 것이 좋습니다 것입니다. 사용자 시스템은 PHP/mysql을 사용하여 작성되므로 기억하지 못합니다. 쿠키를 사용하여 해결 방법을 찾을 수는 있지만 PHP/mysql 경로가 더 좋다고 생각합니다. –

+0

PHP와 Ajax를 사용해보십시오. –

+0

사용자 이름 gloabal을 설정하도록 쿠키를 설정할 수 있으며 모든 페이지에 쿠키를 표시 할 수 있습니다. –

답변

2

을 사용하고있는 코드입니다. HTTP는 상태 비 저장 프로토콜이므로 데이터를 저장할 수 없습니다. PHP 나 다른 서버 측 언어를 배우고 Ajax를 통해 변수를 서버에 보냅니다.

0

작업을 잘못한 도구 ... 자바 스크립트는 스크립팅에 대한 일반적인 지식이있는 사람이 쉽게 건너 뜁니다. JS가 코드를 따르는 사용자가 확인할 수없는 작업 (예 : 확인중인 암호 확인)은 할 수 없습니다. 사용자에게 코드를 숨기고 실행할 수 있도록 코드를 숨길 방법이 없습니다.

서버 측에서이 검사를 수행하고 쿠키/세션을 사용하여 "로그인"상태를 저장해야합니다.

자바 스크립트에서 쿠키를 설정하여 사용할 수 있지만 위에 언급 한 바와 같이 제공되는 보안은 무시할만큼 작아서 구현할 가치가 없습니다.

난 강력하게 당신이 ASP.Net, PHP 들여다 아니면 파이썬은 자바 스크립트가 클라이언트 측이며, 대부분의 시간은 웹 페이지에 대한 영향/상호 작용에 사용

관련 문제