在addEventListener提交仍然提交表单时返回false？ [英] return false on addEventListener submit still submits the form?

问题描述

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

我不明白 - 它仍然提交表格。有人可以修补我的代码并使其正常工作吗？

I don't understand - it still submits the form. Can someone patch my code and make it work?

推荐答案

您需要使用 preventDefault（） 事件对象的方法。

You need to use the preventDefault() method of the event object.

请注意， addEventListener（）和 preventDefault（）均不受支持IE< = 8。

Note that neither addEventListener() nor preventDefault() are supported in IE <= 8.

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

这篇关于在addEventListener提交仍然提交表单时返回false？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！