submit과 location.href는 동시에 사용해도 될까

submit과 onclick은 동시에 사용되도 될까?

결론은 NO!

회원가입 데이터를 입력받는 아래 코드를 보자.

<form action="join.jsp" method="post">
			<table border="1" style="width: 60%">
				<tr>
					<th>아이디</th>
					<td>
						<input type="text" name="id" required>
					</td>
				</tr>
				<tr>
					<th>이름</th>
					<td>
						<input type="text" name="name" required>
					</td>
				</tr>
				<tr>
					<th>비밀번호</th>
					<td>
						<input type="password" name="password" required>
					</td>
				</tr>
				<tr>
					<th>이메일</th>
					<td>
						<input type="text" name="email_id" required>
						@
						<select name="email_domain">
							<option>naver.com</option>
							<option>daum.net</option>
							<option>google.com</option>
						</select>
					</td>
				</tr>
				<tr>
					<th>전화번호</th>
					<td>
						
						<select name="tel1">
							<option>010</option>
							<option>011</option>
						</select>
						-
						<input type="text" name="tel2" required> 
						-
						<input type="text" name="tel3" required>
					</td>
				</tr>
				<tr>
					<th>우편번호</th>
					<td>
						<input type="text" name="post" required>
					</td>
				</tr>
				<tr>
					<th>주소</th>
					<td>
						시군구 <input type="text" name="basic_addr" required>
						<br> 
						상  세 <input type="text" name="detail_addr" required> 
					</td>
				</tr>
			</table>
			
		<input type="button" value="뒤로가기" onclick="location.href='totalMemberList.jsp'">
 		<input type="submit" value="입력완료" onclick="location.href='join.jsp'"> 
	
		</form>

여기서 form 태그와 html 태그만 추출해서 보면, form 태그에서도 action을 통해 location을 join.jsp로 이동을 시키고 input 태그에서도 onclick 속성을 통해 location을 이동시키고 있다.

<form action="join.jsp" method="post">
<input type="submit" value="입력완료" onclick="location.href='join.jsp'"> 

즉, form태그와 input type=”submit” 을 함께 사용할때, input태그에서는 location.href 를 지정해줄 필요가 없다는 것을 알 수 있다.