stronghasu / js-study

0 stars 0 forks source link

9강과제 #14

Open stronghasu opened 10 months ago

stronghasu commented 10 months ago

onsubmit은 submit(폼 전송) 이벤트가 발생할때 실행할 동작을 정의해주는것입니다

그리고 이벤트가 발생할때의 리턴값에 따라 submit 을 하거나 말거나 하는거죠.

그러면 왜 return을 하고 안하고가 차이가 나냐면 아래처럼 코드를 생각하시면 이해가 되실거라 생각합니다.

// 1. form 전송 이벤트 발생 시 실행할 코드 할당

=> 동일한 코드 form.onsubmit = function () {    test(); } // 2. form 전송 이벤트 발생 시 코드를 실행하고 결과를 return => 동일한 코드 form.onsubmit = function () {    return test(); } 좀 더 쉽게 생각하면 이처럼 return이 있고 없고는 onsubmit 이벤트에 실행할 코드를 할당하는것과 onsubmit 이벤트에 결과값(true | false)를 리턴하는 것의 차이이죠. ```
// 숙제2 function form_check() { let ID = document.getElementById("id").value; let PW = document.getElementById("pw").value; if (ID == "") { alert("아이디를 입력해주세요."); return false; } else if (PW == "") { alert("패스워드를 입력해주세요."); return false; } } ```