window.addEventListener('load', function(){ // 체크박스 초기 let lastChecked = null; let checkBoxes = document.querySelectorAll('.chk-list input[name="type"]'); checkBoxes.forEach(chk => { chk.addEventListener('change', function() { if (this.checked) { lastChecked = this; } }); }); const submitBtn = document.getElementById('submitBtn'); if(submitBtn) { submitBtn.addEventListener('click' , function(e){ // 기본 이벤트 제거 e.preventDefault(); let checkedBoxes = document.querySelectorAll('.chk-list input[name="type"]:checked'); let typeCheck = checkedBoxes.length; let name = document.getElementById('name'); let company = document.getElementById('company'); let frontEmail = document.getElementById("frontEmail"); let backEmail = document.getElementById("backEmail"); let tel = document.getElementById('tel'); let detail = document.getElementById('detail'); let agree = document.getElementById('agreeChk'); if (typeCheck < 2) { alert("최소 2개 이상의 문의 유형을 선택해주세요."); let focusTarget = lastChecked || checkedBoxes[0] || document.querySelector('.chk-list input[name="type"]'); if (focusTarget) { focusTarget.focus(); } return false; } if (typeCheck > 2) { alert("문의유형은 최대 2개까지만 선택이 가능합니다."); if (lastChecked) { // lastChecked.checked = false; lastChecked.focus(); // lastChecked = null; } return false; } if(name.value === ""){ alert('이름을 입력해주세요.'); name.focus(); return false; } if(company.value === ""){ alert('회사 및 기관명을 입력해주세요.'); company.focus(); return false; } if (frontEmail.value.trim() === "" || backEmail.value.trim() === "") { alert("이메일 주소를 모두 입력해 주세요."); frontEmail.focus(); return false; } if(tel.value === ""){ alert('연락처를 입력해주세요.'); tel.focus(); return false; } if(detail.value === ""){ alert('문의내용을 입력해주세요.'); detail.focus(); return false; } if(agree.checked === false){ alert('개인정보처리방침에 동의해주세요.'); agree.focus(); return false; } alert('문의가 정상적으로 처리되었습니다.'); location.reload(true); }) } // 문의 이벤트 }, false);