Удивлен, я столкнулся с этой странной проблемой при отправке формы из JS.

Issue:

Рассмотрим простую форму, представленную двумя способами изsubmit кнопка иanchor link

<form method="POST" action="page.html" name="foobar" id="test">
  <input type="text" />
  <input type="submit" />
</form>

<a href="#" onclick="document.getElementById('test').submit();">click me</a>

Функция перехвата события отправки

document.getElementById('test').onsubmit = function() {
   // Same result with 
   //     * document.foobar.onsubmit
   //     * document.forms['foobar'].onsubmit

   alert('foobar');
   return false;
}

Теперь, когда форма отправлена от нажатия наsubmit кнопку я получаю предупреждение, ноnot when clicking the link, Почему это так?

Скрипка, показывающая проблему