Mozilla 한국 커뮤니티

보통 이런식으로 코딩 했습니다.

<script type='text/javascript'>
function checkForm(objForm) { //폼 입력 값 검사 함수
  ...
  ...
  return false;
}
</script>
<form method='post' id='test_form' onsubmit='return checkForm(this);'>

그런데 html 코드 안에 이벤트 함수 지정이 좋은 방식이 아니라는 얘길 들었습니다.
그래서 이런 방식으로 해봤습니다.

Code: Select all

window.addEventListener('load', function() {
  document.getElementById('test_form').addEventListener('submit', checkForm, false);
}, false);

그런데 이렇게 하면 checkForm 함수가 false를 리턴 하더라도 그냥 폼이 전송되어 버립니다.
다른 브라우저는 모르겠으나 IE 에서는 문제가 없었습니다.
FF 에서는 폼 자체에 onsubmit 이벤트를 주는것 말고는 다른 방법이 없을까요?

Mozilla 한국 커뮤니티

폼의 onsubmit 과 addEventListener 조합

폼의 onsubmit 과 addEventListener 조합