"在 addEventListener 提交時返回 false 仍然提交表單？"

Question

var form = document.forms[0]; 
form.addEventListener("submit", function(){
  var email = form.elements['answer_13829'].value;
  if( email == 'geobraks@yahoo.ca') {
     alert('redirecting the user...');
     window.location = 'xxxx';
     return false;
  }
});

我不明白 - 它仍然提交表單。 有人可以修補我的代碼並使其工作嗎？

Answer 1

您需要使用事件對象的preventDefault()<\/code><\/a>方法。

請注意，IE <= 8 中既不支持addEventListener()<\/code>也不支持preventDefault()<\/code> 。

var form = document.forms[0]; 
form.addEventListener("submit", function(evt){
  var email = form.elements['answer_13829'].value;
  if( email == 'geobraks@yahoo.ca') {
     evt.preventDefault();
     alert('redirecting the user...');
     window.location = 'xxxx';
  }
});

Answer 2

return false; 它僅適用於 jQuery 綁定功能