リロード不要！Server Actionsで即フォーム送信
CODE PREVIEW
エディタを読み込み中…
P
プロンプト
Next.jsのServer Actionsを模したフォーム送信を、バニラJSとTailwind CSSだけでシングルHTMLファイルに実装してください。名前とメールの入力欄があり、リロードせずに送信、ローディング表示、成功/エラーメッセージを表示します。モックサーバーは1.5秒の遅延と成功レスポンスを返すようにします。
この例は、ページリロードなしでServer Actions風のフォーム送信を実演します。バニラJSでフォーム送信をインターセプトし、入力検証、ローディングスピナー表示、1.5秒の遅延シミュレーション、成功/エラーメッセージ表示を行います。Tailwind CSSでクリーンでモダンな見た目にスタイリングしています。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選