DataTables Editorを利用したフロント環境を構築しています。
デフォルトのままだと、新規追加や修正等のポップアップを表示後、文字入力後にエンターキーを押下すると他の項目が空であっても即時Submitされてしまいます。
DataTables Editor自体が英語圏で開発されたものである事も影響しているのでしょう。
日本の様に、
- ひらがな入力後にスペースを押して漢字変換
- エンターで確定
- 次のフォーム
という操作を行う文化は他の国には無いのではないでしょうか？
しかしそんな日本の為？という訳でも無いのでしょうが、エンターでの即時Submitを回避する方法があります。
実際、色々調べてみて実現できなくて、最終的には無理やり他のJSで無効化しようかと思っていたのですが、オフィシャルにEnterでのSubmitを無効化するオプションが有りました。
（英語マニュアルのみなので難しいですね）
エンターキーで即時Submitを無効化する
オプションは【onReturn】になります。
デフォルトだとSubmitになっていますので、falseに明示的に指定する事で回避できます。
無効化したいフォームを作成する際のmain要素の中に記述する事で反映されます。
test.js
// 即時submitOFF
formOptions: {
main: {
onReturn: 'false'
感想
Datatables Editorはとても便利なのですが、あまり情報が無いので調べるのに苦労します。
しかし使いこなせば短期間で色々な事が実現できる便利なライブラリです。
DeepL等で何とか翻訳しながら活用したいと思います。
同じような沼に陥っている方の参考になれば幸いです。