Event | onsubmit return

HTML / JavaScript

form 태그 중에서 event 를 설정 할 때

onsubmit : form의 값을 전송하기 전에 어떤 작업을 하게 할 수 있음

onsubmit="return 함수()"

• return을 추가하면 submit을 하기 전에 함수를 먼저 실행하고, 결과(true, false)에 따라 submit이 발생
• return을 사용하지 않으면 유효성 결과에 상관없이 함수를 실행

<form 함수(this)> : form태그를 지칭하는 this를 이용해 object로 정의하고, 각 input의 name별로 해당하는 값 등의 정보를 이용할 수 있다.

 

<form onsubmit="return formCheck(this)">
    <input name="id">
    <input name="pw">
    <input name="name">
    <input name="email">
</form>

<script>
	formCheck(frm) {
    	frm.id /* <input name="id"> */
        frm.id.value /* 입력값 = <input value="입력값"> */
        frm.id.value.length /* 3(자리수) = <input value="입력값"> */
    };
</script>