[JS] 필수 동의항목 체크시 submit( )되게 하기

문제 :

 

필수항목에 체크를 해야 서버에 제출되도록 코드를 짰는데, alert만 뜨고 제출되어버림. input태그 타입을 submit으로 해놓아서 그랬다. onclick함수를 구현해놨음에도 불구하고 submit이 되어버렸다. 그래서 타입을 button으로 바꿨더니, 버튼을 클릭했을때 submit_btn() 함수가 실행되어서 필수항목을 채워야 서버로 제출되게 수정되었다!

 

수정된 코드 :

<input type="button" class="reservBtn" id="reservationBtn" onclick="submit_btn()" value="대관신청하기">

function submit_btn() {
	
	//약관동의 확인
	var agree = document.getElementById("css_check_1");
	if(!agree.checked) {
		alert("필수 동의 항목에 체크해주세요.");
		return;
	}
	
	//필수 입력란 확인
	var rpsnNm = document.getElementById('rpsnNm').value;
	var ph1 = document.getElementById('ph1').value;
	var ph2 = document.getElementById('ph2').value;
	var ph3 = document.getElementById('ph3').value;
	var endTime = document.getElementById('endTime').value;
	var purpose = document.getElementById('purpose').value;
	
	if(rpsnNm === '' || ph1 === '' || ph2 ==='' || ph3 === '' || endTime === '' || purpose === '') {
		alert('필수 입력 항목을 모두 입력해주세요.');
		return;
	}
	
	document.getElementById("formData").submit();
}