[Javascript] 폼(form) 전송과 submit 버튼(onsubmit 유형)

<script>

function check() {

  if(fr.id.value == "") {

    alert("값을 입력해 주세요.");

    fr.id.focus();

    return false;

  }

  else if(fr.pw.value == "") {

    alert("값을 입력해 주세요.");

    fr.pw.focus();

    return false;

  }

  else return true;

}

</script>

 

<form name="fr" onsubmit="return check()">

<input type="text" name="id">

<input type="text" name="pw">

<input type="submit">

</form>

 

설명 :

submit버튼을 누르면 onsubmit이 실행되어

check함수가 실행되고

check함수의 return 값이 true일 경우에만 폼을 전송합니다.

 

onsubmit 이벤트 속성에 들어가는 함수는 반드시

전송해야 할 경우 true를 반환하고

하지말아야 할 경우 false를 반환하는 형식이어야 합니다. 

원문 : http://yeom7707.blog.me/90013016215