특정값입력시 다음화면 넘어가기! 정보
특정값입력시 다음화면 넘어가기!
본문
input text box 에 특정값 (ex :1111) 을 입력했을 시 submit 버튼을 누르면 제가 지정한 화면으로 넘어가는 소스입니다.
열심히 이것저것 해보고 있는데 안되네요 ㅠㅠ..
회원들끼리만 알고 있는 비밀번호가 있는데요.
다른사람들은 접속 못하고 회원들만 사이트 접속이 되어야해서요..
홈페이지 접속하자마자 비밀번호 입력하라고 뜨고 그거 입력시 index.php로 넘어가게 하고싶어서요..
index.html 파일에서 수정중입니다.
도움 부탁드립니다 ㅠㅠ..
열심히 이것저것 해보고 있는데 안되네요 ㅠㅠ..
회원들끼리만 알고 있는 비밀번호가 있는데요.
다른사람들은 접속 못하고 회원들만 사이트 접속이 되어야해서요..
홈페이지 접속하자마자 비밀번호 입력하라고 뜨고 그거 입력시 index.php로 넘어가게 하고싶어서요..
index.html 파일에서 수정중입니다.
도움 부탁드립니다 ㅠㅠ..
댓글 전체
소스에서 비밀번호가 노출 되면 안되니 ajax나 json을 이용해야 할 것 같네요.
분기하는 페이지를 하나 더 만들고 index.html에서는 비밀번호를 그곳으로 보내고 분기 페이지에서는 원하시는 비밀번호가 입력되었는지 확인하고 거기서 맞으면 원하는 페이지로 아니면 다시 비밀번호를 입력받는 페이지로 보내시면 될 것 같습니다.
네 저도 그렇게 구상은 했는데.. 워낙 초보라 소스를 만들기까지 어렵네요 ㅜㅜ.. 답변감사합니다.
그누보드라 가정하면
1. 아래처럼 폼의 action을 넣으세요
<form action="index.php"~~>
2. index.php 상단에서
if(넘어온값 != '1111') alert("비번이 틀립니다");
1. 아래처럼 폼의 action을 넣으세요
<form action="index.php"~~>
2. index.php 상단에서
if(넘어온값 != '1111') alert("비번이 틀립니다");
아래의 내용으로 passcheck.js 파일을 만드시고
function passcheck(form){
if(form.pass.value != "비밀번호") { //원하는 비밀번호 입력 (한글은 자음 모음 쪼개서 입력)
alert("비밀번호가 틀렸습니다.");
form.pass.value = ""; //패스워드 초기화
form.pass.focus(); //패스워드 필드에 커서
return false; //폼 전송 막음
}
return true;
}
passcheck.js를 index.html이랑 동일한 위치에 업로드하시고 아래 소스를 비밀번호 입력 받는 곳에 적절히 수정해서 넣어주세요.
<script type="text/javascript" src="./passcheck.js"></script>
<body oncontextmenu="return false">
<form name="passC" action="이동할 주소" onSubmit="return passcheck(this);">
<input type="password" name="pass" style="width:120px;height:20px; font-family:'돋움', Verdana; font-size:11px; text-align:center;">
<input type="submit" value="click" style="color:#FFFFFF; background-color:#000000;height:25px; vertical-align:center;">
</form>
</body>
</html>
function passcheck(form){
if(form.pass.value != "비밀번호") { //원하는 비밀번호 입력 (한글은 자음 모음 쪼개서 입력)
alert("비밀번호가 틀렸습니다.");
form.pass.value = ""; //패스워드 초기화
form.pass.focus(); //패스워드 필드에 커서
return false; //폼 전송 막음
}
return true;
}
passcheck.js를 index.html이랑 동일한 위치에 업로드하시고 아래 소스를 비밀번호 입력 받는 곳에 적절히 수정해서 넣어주세요.
<script type="text/javascript" src="./passcheck.js"></script>
<body oncontextmenu="return false">
<form name="passC" action="이동할 주소" onSubmit="return passcheck(this);">
<input type="password" name="pass" style="width:120px;height:20px; font-family:'돋움', Verdana; font-size:11px; text-align:center;">
<input type="submit" value="click" style="color:#FFFFFF; background-color:#000000;height:25px; vertical-align:center;">
</form>
</body>
</html>
