Acme is almost here
Invoices that chase themselves. Leave your email and we'll invite you first.
```
- `_redirect` sends the browser to `thanks.html` after a plain post. It only works for an `https:` URL on one of the form's **Allowed domains**, so add your domain there. **Redirect after submit** in the form's settings does the same without the hidden input.
- The `_gotcha` input is the honeypot. People never see it; bots that fill every input are stored as spam.
- `aria-live="polite"` makes screen readers announce the script's messages without moving focus.
- The script tag uses `defer`, so it runs after the form exists and never blocks the page from drawing.
### The enhancement
`waitlist.js`:
```js
const form = document.getElementById("waitlist");
const message = form.querySelector(".message");
const button = form.querySelector("button");
const key = crypto.randomUUID();
form.addEventListener("submit", async (event) => {
event.preventDefault();
button.disabled = true;
message.textContent = "Joining…";
try {
const response = await fetch(form.action, {
method: "POST",
headers: { Accept: "application/json", "Idempotency-Key": key },
body: new FormData(form),
});
const result = await response.json();
if (result.ok) {
form.replaceChildren(Object.assign(document.createElement("p"), {
textContent: "You're on the list. We'll email you on launch day.",
role: "status",
}));
return;
}
if (result.error.code === "challenge_required") {
form.submit();
return;
}
const wait = response.headers.get("Retry-After");
message.textContent = wait
? `Too many tries. Wait ${wait} seconds and try again.`
: result.error.fields?.email?.[0] ?? result.error.message;
} catch {
form.submit();
return;
}
button.disabled = false;
});
```
- `Accept: application/json` makes Ikiform answer with JSON instead of a redirect, so the script can show the result in place.
- The idempotency key is made once per page load. A double click, or a retry after a slow answer, stores one signup.
- `challenge_required` means the form's spam check is set to **Ikiform** and `fetch` sent no token. `form.submit()` posts the plain way, which shows Ikiform's check page and then the thank-you page. It doesn't fire the `submit` event again, so there's no loop.
- A network error takes the same fallback. If Ikiform was unreachable, the plain post shows the browser's own error, which is still more honest than a stuck button.
- A `429` reads `Retry-After` and says how long to wait.
### The thank-you page
`thanks.html`:
```html