SvelteKit の問い合わせフォーム

これを SvelteKit に貼ってください。送信先は Formgong です。データベースも Resend も要りません。

AIリード判定はどのプランでも無料で、月100件までです。フォームでオンにしてください。ホットリードとスパムの可能性は Telegram、メール、受信箱に出ます。

SvelteKit

<script>
  let status = $state("");

  async function onSubmit(event) {
    event.preventDefault();
    const fields = Object.fromEntries(new FormData(event.currentTarget));
    const response = await fetch("https://formgong.com/submit", {
      method: "POST",
      headers: { "Content-Type": "application/json", Accept: "application/json" },
      body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
    });
    const result = await response.json();
    status = result.success ? "ok" : (result.message || "error");
  }
</script>

<form onsubmit={onSubmit}>
  <input name="name" required>
  <input name="email" type="email" required>
  <textarea name="message" required></textarea>
  <div aria-hidden="true" style="position:absolute;left:-10000px">
    <input name="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <button type="submit">Send</button>
  <p>{status}</p>
</form>

無料ではじめる