【Bubble】InputエレメントのEnterキーでのフォーム送信を防ぐ方法

2024年4月18日

ノーコードツールBubbleのInputエレメントのフォーカス時に、Enterキーでのフォーム送信を防止する方法をご紹介します！Inputフォーカス時にEnterキーを使う挙動の設定を編集することで、不要な送信を防止します。

たとえば、「キーワード検索フォーム」はEnterキーを押してそのまま検索処理が実行されるほうがユーザーフレンドリーですが、会員登録フォームでは入力途中に誤ってEnterを押したときにフォーム送信されると困るので使い分けできるようにしましょう。

Bubbleでは、エレメントのある項目にチェックを入れるか入れないかだけで設定できるので、ぜひこの記事で使い方を覚えちゃいましょう！

アプリ・システム開発費用が1/3に！
＼実績日本最大級のノーコード開発サービス／

ざっくりの課題でも
プロが無料で提案

InputエレメントのEnterキーによるフォーム送信を防ぐ方法

結論。InputエレメントのAppearanceタブ内の「Prevent “enter” key from submitting」欄にチェックをつけると、入力中にEnterを押してもフォームが送信されないように設定できます！

ちなみに、Prevent "enter" key from submittingは日本語で「Enterキーによるフォーム送信を防ぐ」といった感じの意味です。

実装は以上。今回の記事がバブラーのみなさんの開発の助けになれば幸いです！

当社はノーコード開発において日本最大級の実績を誇り、最安30万円、最短2週間という業界トップクラスのスピードと価格でサービスを提供しています。

他社との決定的な違いは、複数のノーコードツールに対応していること。お客様の要件に最適なツールを選択することで、開発期間の短縮と費用削減を同時に実現します。

さらに、アプリ//システム開発だけでなく、マーケティング支援まで一貫して対応可能。「良いアプリを作ったが、ユーザーが集まらない」という課題を解決するため、集客戦略の立案から実行まで包括的にサポートいたします。

特にMVP開発から本格運用まで段階的に進めたい企業様は、ぜひご相談ください。

日本最大級のノーコード開発実績を誇り、大手ノーコードツールであるBubbleの公式代理店にも認定されているEPICs株式会社の開発チーム。