JavaScriptを使ったフォームの構築

JavaScript を使用して Formspree を既存のアプリケーションに統合したり、フォームをより動的にしたり、フォーム開発ワークフローを効率化したりすることができます。

Formspree では、セットアップに応じていくつかの異なる方法で JavaScript を利用できます：

それぞれの詳細については以下をご覧ください。

JavaScript でフォーム送信を処理する推奨方法は @formspree/ajax を使用することです。

このライブラリを使用すると、独自の fetch、Axios、または jQuery ロジックを記述することなく、フォームを非同期で送信できます。標準の HTML フォームと連携し、送信、バリデーションエラー、ローディング状態、成功メッセージを自動的に処理します。詳しくはこちらの記事をご覧ください。

Formspree は Formspree React ライブラリを使用して React アプリケーションに統合できます。Formspree React ライブラリは React でのコンタクトフォーム構築、MailChimp フォームの設定、webhook アクションの追加、その他多くのサードパーティ統合に使用できます。

React ライブラリに加えて、Formspree はモダンな JavaScript ツールでフォームを構築・デプロイするための便利なワークフローを提供するコマンドラインインターフェースツールも提供しています。Formspree CLI の詳細はこちらでご覧いただけます。

Formspree フォームの JavaScript 統合に関する追加のサンプルとガイドは以下でご覧いただけます。