728x90
반응형
<!-- src/main/webapp/20220401/inputex1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인</title>
</head>
<script type="text/javascript">
function checkinput(f) {
if(f.id.value == '') {
alert('아이디를 입력하세요')
f.id.focus(); //아이디 태그로 제어 이동
return false;
}
if(f.pw.value == '') {
alert('비밀번호를 입력하세요')
f.pw.focus(); //비밀번호 태그로 제어 이동
return false;
}
}
</script>
<body>
<!--
get은 기본값.(생략가능)
로그인 처리시 반드시 post 설정해야함.
method="post" : 서버로 파라미터 전송시 파라미터가 url 정보에 안뜨도록 설정
method="get" : 서버로 파라미터 전송시 파라미터가 url 정보에 뜨도록 설정
onsubmit : submit 이벤트 발생시 함수 호출.
return false 인경우 submit 하지 않음.
submit 이벤트 : form 내부의 submit 버튼 클릭시 form 태그에 발생되는 이벤트
action 속성에 등록된 페이지 이동.
action 속성이 없는 경우는 현재페이지를 다시 호출함.
this : 이벤트 발생 태그 객체. => form 객체
-->
<form name="f" method="post" onsubmit="return checkinput(this)">
아이디:<input type="text" name="id"><br>
비밀번호:<input type="password" name="pw"><br>
<input type="submit" value="로그인">
</form>
</body>
</html>728x90
반응형