폼의 onsubmit 과 addEventListener 조합

Mozilla Firefox 사용에 대한 일반적인 질문과 답을 해 주는 게시판입니다. 질문을 하기 전에 FAQ를 읽어 보시는게 도움이 될 것입니다.
Post Reply
JuDez

폼의 onsubmit 과 addEventListener 조합

Post by JuDez »

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

Code: Select all

<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 이벤트를 주는것 말고는 다른 방법이 없을까요?
Post Reply

Who is online

Users browsing this forum: Ahrefs [Bot] and 0 guests