반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check() {
// 아이디상자 입력 안되어있으면 "아이디 입력하세요" 포커스 리턴
if(document.fr.id.value==""){
alert("아이디 입력하세요");
document.fr.id.focus();
return;
}
// 비밀번호상자 입력 안되어있으면 "비밀번호 입력하세요" 포커스 리턴
if(document.fr.pass.value==""){
alert("비밀번호 입력하세요");
document.fr.pass.focus();
return;
}
// 자기소개 입력 안되어있으면 "자기소개 입력하세요" 포커스 리턴
if(document.fr.intro.value==""){
alert("자기소개 입력하세요");
document.fr.intro.focus();
return;
}
// 성별 선택 안되어있으면 "성별 선택하세요" 포커스 리턴
if(document.fr.gender[0].checked==false && document.fr.gender[1].checked==false){
alert("성별 선택하세요");
document.fr.gender[0].focus();
return;
}
// 취미 선택 안되어있으면 "취미 선택하세요" 포커스 리턴
var a=document.fr.hobby[0].checked;
var b=document.fr.hobby[1].checked;
var c=document.fr.hobby[2].checked;
if(a==false && b==false && c==false){
alert("취미 선택하세요");
document.fr.hobby[0].focus();
return;
}
// 회원등급 선택 안되어있으면 "회원등급 선택하세요" 포커스 리턴
if(document.fr.grade.selectedIndex==0){
alert("회원등급 선택하세요");
document.fr.grade.focus();
return;
}
// 모두 선택되어있으면 폼태그에 입력된 데이터를 가지고 a.jsp 전송
document.fr.submit();
}
</script>
</head>
<body>
<h1>js2/test5.html</h1>
<form action="a.jsp" method="get" name="fr">
아이디 : <input type="text" name="id"><br>
비밀번호 : <input type="password" name="pass"><br>
자기소개 :
<textarea name="intro" cols="10" rows="5"></textarea><br>
성별 : <input type="radio" name="gender" value="남">남
<input type="radio" name="gender" value="여">여<br>
취미 : <input type="checkbox" name="hobby" value="여행">여행
<input type="checkbox" name="hobby" value="게임">게임
<input type="checkbox" name="hobby" value="운동">운동<br>
회원등급 : <select name="grade">
<option value="">등급을 선택하세요</option>
<option value="1">1등급</option>
<option value="2">2등급</option>
<option value="3">3등급</option>
</select>
<input type="button" value="회원가입" onclick="check()">
</form>
</body>
</html>
get 방식으로 a.jsp로 이동
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] getElementById (0) | 2021.11.11 |
|---|---|
| [JavaScript] 폼 속성 form(select) (0) | 2021.11.11 |
| [JavaScript] 폼 속성 form(checkbox, radio) (0) | 2021.11.11 |
| [JavaScript] 텍스트 상자 (0) | 2021.11.11 |
| [JavaScript] 폼 속성 form(text,password,textarea) (0) | 2021.11.11 |