Develop/JavaScript JQuery JSP

0704 <form> 태그의 특성

포페PostFace 2022. 7. 4. 18:47
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function check() {
		inputId=myform.id.value;
		if(inputId.length==0){
			alert("아이디 누락");
			return false; //이 값을 가지고 check()자리로 리턴
		}
		inputPw=myform.pw.value;
		if(inputPw.length>5||inputPw.length<3){
			alert("패스워드는 3자~5자로 입력하세요");
			return false;
		}
		inputTel=myform.tel.value;
		if(inputTel.length==0){
			alert('연락처 누락');
			return false;
		}
		if(isNaN(inputTel)){ //숫자가 아니면 true
			alert('연락처는 숫자만 입력 가능');
			return false;
		}
		songLength=myform.song.length;
		flag=false;
		for(var i=0;i<songLength;i++){
			if(myform.song[i].checked){
				flag=true;
			}
		}
		if(flag== false){
			alert('song 하나는 선택해야 합니다.');
			return false;
		}
		movieLeng=myform.movie.length;
		flag=false;
		for(var i=0;i<movieLeng;i++){
			if(myform.movie[i].checked){
				flag=true;
			}
		}
		if(flag==false){
			alert('movie를 선택하세요');
			return false;
		}
	}
</script>
</head>
<body>
	<form name='myform' action="abc.jsp">
	<!-- 작성한 값을 value라고 한다.
	name에 value가 들어간다. -->
		아이디 : <input type='text' name='id' value='gong'> <br> 
		비밀번호 : <input type="password" name='pw'> <br>
		연락처 : <input type='text' name='tel' size='10' maxlength="11"> <br>
		좋아하는 노래를 선택하세요<br>
		<input type='radio' name='song' value="낙하">낙하
		<!-- radio 타입은 하나만 선택 가능하다. -->
		<input type='radio' name='song' value="다이너소어">다이너소어
		<input type='radio' name='song' value="빨간맛" checked>빨간맛
		<input type='radio' name='song' value="버터">버터 <br>
		
		좋아하는 영화를 선택하세요<br>
		<input type='radio' name='movie' value='원스 어폰 어 타임'>원스 어폰 어 타임
		<input type='radio' name='movie' value='어바웃 타임'>어바웃 타임
		<input type='radio' name='movie' value='타이타닉'>타이타닉
		<input type='radio' name='movie' value='분노의 질주'>분노의 질주 <br>
		
		<input type="reset" value='취소'><!-- 디폴트로 돌아간다.(없으면 빈칸) -->
		<input type="submit" value='등록' onclick="return check()"> 
		<!-- 입력된 값을 가지고 action으로 간다. onclick의 값을 가지고 action으로 리턴 -->
		<input type="button" value='버튼'>
	</form>

</body>
</html>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
abc.jsp입니다.
</body>
</html>
Insert title here
아이디 :
비밀번호 :
연락처 :
좋아하는 노래를 선택하세요
낙하 다이너소어 빨간맛 버터
좋아하는 영화를 선택하세요
원스 어폰 어 타임 어바웃 타임 타이타닉 분노의 질주
<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> Insert title here abc.jsp입니다.

'Develop > JavaScript JQuery JSP' 카테고리의 다른 글

0706 JQuery  (0) 2022.07.06
0705 JavaScript & JQuery Start  (0) 2022.07.06
0704 시간 띄우고 인터벌로 갱신하기  (0) 2022.07.04
0704 PopUp과 리턴데이터 활용  (0) 2022.07.04
0704 Popup과 리턴 데이터  (0) 2022.07.04