HTMLフォームに複数のSubmitボタンを挿入する際のJavascript処理

Formには少なくとも2つのSubmitボタンがあります。

マーク

<form>
  <input type="text" name="name1" />
  <input type="text" name="name2" />
  
  <button type="submit" data-submit-type="search">조회</button>
  <button type="submit" data-submit-type="excel">엑셀 다운로드</button>
</form>

イベントリスナーの登録

const  formElement = document.querySelector('form selector');

formElement.addEventListener('submit', handleSubmit);

イベントハンドラ

function handleSubmit(e) {
  e.preventDefault();
  
  const formData = new FormData(e.target);
  const submitType = e.submitter.dataset.submitType // submitter: IE 미지원
  
  switch (submitType) {
    case 'search':
      search(formData); break;
    case 'excel':
      downExcel(formData); break;
    default:
      console.error('알 수 없는 submit type');
  }
}

SubmitボタンはFormの外にあります。

<form id="someForm">
  <input type="text" name="name1" />
  <input type="text" name="name2" />
  
  <button type="submit" data-submit-type="search">조회</button>
</form>
...
...
<button type="submit" form="someForm" data-submit-type="excel">엑셀 다운로드</button>