이번에는 로그인하는
아이디랑 비번이랑..입력을 받는 그리고 그 값을 해당 싸이트로 연결 시켜주는
예제///
설명이 부실하다.. 파일도 첨부해야하는뎅...
금요일 밤은 힘들다..
서울로 올라와서 친구집에 신세지러 왔는데 집에 없어서 인근 카페에서 글을 올리고 있는데데...
피곤하다..씻지도못하고..눈을 감기고...ㅜㅜ
흑, 서울로 빨리 올라오든가..학원 수업이 빨리 끝나기만을 기다릴뿐이다..ㅜㅜ
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> |
|
|
|
|
|
<head> |
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> |
|
|
<title>window객체 이벤트.이벤트핸들러4</title> |
|
|
|
|
|
<meta name="Keywords" content="" /> |
|
|
<meta name="Description" content="" /> |
|
|
|
|
|
<script type="text/javascript"> |
|
|
//<![CDATA[ |
|
|
|
|
|
function id_focus(){ |
|
|
frm=document.loginForm; // var를 쓰지 않았기 때문에 전역변수 |
|
|
frm.loginId.focus(); |
|
|
} |
|
|
|
|
|
// 공백의 유효성 검사 |
|
|
function submitForm() { |
|
|
var message=""; |
|
|
|
|
|
if(frm.loginID.value.length==0){ |
|
|
message="아이디어를 입력해주세요"; |
|
|
objfocus=frm.login; |
|
|
}else if(frm.loginPassword.value.length==0){ |
|
|
message="패스워드를 입력하세요"; |
|
|
objfocus=frm.loginPassword; |
|
|
} |
|
|
|
|
|
if(message !=""){ |
|
|
alert(message); |
|
|
objfocus.focus(); |
|
|
return false; |
|
|
} |
|
|
frm.submit(); |
|
|
} |
|
|
|
|
|
//]]]]]]> |
|
|
</script> |
|
|
</head> |
|
|
|
|
|
<body onload="id_focus()"> |
|
|
<form id="loginForm" name="loginForm" action="http://www.naver.com" method="post" onsubmit="return submitForm();" > |
|
|
<p> |
|
|
<label for="loginID">User ID</label> |
|
|
<input type="text" name="loginID" id="loginID" value=""> |
|
|
</p> |
|
|
<p> |
|
|
<label for="loginPassword">User Password</label> |
|
|
<input type="password" name="loginPassword" id="loginPassword" value=""> |
|
|
</p> |
|
|
<p> |
|
|
<input type="image" src="../images/submit.gif" alt="로그인"> |
|
|
<!-- onsubmit="return submitForm();으로 실행하기위해 이미지로 해야 된다.--> |
|
|
</p> |
|
|
</form> |
|
|
</body> |
|
|
|
|
|
</html> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스5) javascript 기본 문서구조 : cookie (1) (0) | 2011.04.23 |
|---|---|
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 4. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 3. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 2. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 (0) | 2011.04.22 |
댓글