<!DOCTYPE html>
<html>
<head>
<title>javascript로 간단한 유효성 체크 </title>
<script type="text/javascript">
function submitForum(formEl) {
var errorMessage = null;
var objFocus = null;
if (formEl.LoginId.value.length == 0) {
errorMessage = "아이디를 넣어 주세요";
objFocus = formEl.LoginId;
}
else if (formEl.LoginPass.value.length == 0) {
errorMessage = "비밀번호를 넣어 주세요";
objFocus = formEl.LoginPass;
}
if (errorMessage != null) {
alert(errorMessage);
objFocus.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<div id="MemberLogin">
<div id="MemberLoginSub">
<form id="LoginForm" name="LoginForm" method="post" action=“login_process.php" onsubmit=" return submitForum(this);"><!-- 서식을 입력하고 전송을 누를때 발생하는 onsubmit이벤트에서 자바스크립트로 서식의 값에 대한 유효성을 체크하고 문제가 없다면 서버측으로 서식을 전송하게 하는 코드 -->
<fieldset>
<legend>
회원 로그인
</legend>
<p>
<label for="LoginId">아이디</label>
<input type="text" id="LoginId" name="LoginId" maxlength="15" />
<span>
<input type="checkbox" id="LoginCheck" name="LoginCheck" value="1" />
<label for="LoginCheck">아이디저장</label>
</span>
</p>
<p>
<label for="LoginPass">비밀번호</label>
<input type="password" id="LoginPass" name="LoginPass" maxlength="15" />
로그인
</p>
</fieldset>
</form>
<div class="MemberBox">
<a href="./회원가입.html" class="point">회원가입</a>
<a href="./비밀번호.html">아이디 / 비밀번호 찾기</a>
</div>
</div>
</div>
</body>
</html>
'Script > JavaScript' 카테고리의 다른 글
| javascript로 간단한 유효성 체크 (0) | 2012.03.30 |
|---|---|
| 자바스크립트 Core (0) | 2010.11.22 |
| 메뉴 정리 및 로케이션바 자동 등록 (1) | 2010.08.31 |
| 레이어를 이용한 셀렉트 박스 꾸미기 (0) | 2010.08.31 |
| 이미지뷰어 레이어팝업 (0) | 2010.08.31 |
| 클릭 위치에 레이어 띄우기 (2) | 2010.08.31 |
