intra-mart Accel Platform UIデザインガイドライン(PC版) 第6版 2022-12-01

6.3.4.6. エンターキー押下時のフォームの動作

本章では、サブミットについて説明します。

6.3.4.6.1. form のサブミット方法

form のサブミットを行うにはいくつかの方法がありますが、 intra-mart Accel Platform では、以下の方法でサブミットします。

  • imuiButton または、 input type=”button” を配置します。
  • click イベントで form.submit() を実行します。
  • imuiAjaxSend を実行します。
  • imuiAjaxSubmit を実行します。

input type=”submit” はお勧めしません。 理由は以下の通りです。

  • エンターキー押下でサブミットされる
  • imuiConfirm を呼び出そうとしても、サブミットが先に実行されてしまい、確認ダイアログが表示されない

もし input type=”submit” を利用する際には以下のとおり、onsubmit 属性で return false; を記述してください。

1
2
3
<form onsubmit="return false;">
   ...
</form>

6.3.4.6.2. エンターキー押下時にサブミットさせる

検索画面などでエンターキー押下時にサブミットさせたいときは、input type=”submit” を利用しましょう。 ただし「form のサブミット方法」で注意書きした通り、imuiConfirm を呼び出そうとしても確認ダイアログが表示されないことに注意してください。

1
2
3
<form>
  <input type="submit"/>
</form>