Form submit return false все равно пересылает данные...почему?

Question

[Дмитрий]

Написал функцию валидации формы, которая возвращает true или false в зависимости от корректности введенных данных, но submit происходит в любом случае - что ни напишешь. Потом просто написал return false. Но форма все равно пересылает данные в скрипт и он выводит сообщенеи с адресом в новом окне. Почему?

<form action="alert.php" id="form_email" method="post" target="_blank" >

form_email.addEventListener("submit",function(){return false});

<?php
  $text =  $_POST['email'];
  echo $text; 
?>

Answer 1

[Леха Ярков]

https://jsfiddle.net/yarkov_aleksei/kppzr28s/

form_email.addEventListener("submit",function(event){
	event.preventDefault();
  return false;
});

Comments

[Дмитрий]

C event.preventDefault() работает. но почему не работает с return false? и зачем вообще тогда что-то возвращать если вынуждены тупо давить обработчика по умолчанию таким способом?

[V Sh.]

Дмитрий: через addEventListener вы просто добавили еще одну функцию на событие submit. Т.е. теперь у вас есть действие по-умолчанию "submit" и ваша функция. event.preventDefault() как раз запрещает действие по умолчанию.

[Дмитрий]

вот теперь понял....а если через onsubmit = 'function(){return false}' в html делать, то оно заменить стандартное событие или тоже подпишет еще одну функцию?
и по второму вопросу - все-таки зачем тогда возвращать "фалсе" если получается что все равно каждаю функция живет своей жизнью?

[alex]

return false тут не нужен, от него вообще толку нет когда через addEventListener обработчики вешаешь, нужно использовать e.preventDefault() и/или e.stopPropagation()

[alex]

Дмитрий:

через onsubmit = 'function(){return false}' в html делать

в html? может в js? form.onsubmit = function(){return false} здесь return false сработает. будет тоже самое чтоform.onsubmit = function(e){e.preventDefault();}

[Дмитрий]

во...а теперь совсем все встало на свои места. Благодарю за толковое пояснение!