Why validate on the server if the browser already checks?
Your form has required on every field and a script that checks the email, and still a message arrives with an empty name and the email emma@example. Nothing in the browser failed. The request simply never came from your page.
Every browser check, whether it is HTML attributes, JavaScript validation or a library, runs on the visitor's computer, where they can switch it off. A bot posts straight to your endpoint. An old cached page may not have today's rules. So the server is the only place where a rule really holds. To see what that means in numbers, we posted 12 payloads from a page with no checks at all to three receivers. Two were copies of Formgong's form backend, one with its field checks off and one with them on. The third was the small Node server shown below.
What gets through when only the browser checks?
Nine of the payloads should never reach a person's inbox. Of the other three, a correct message was stored by all three receivers, and the other two, an extra field and a name with HTML markup, come up further down.
| What we sent | Formgong, no field checks | Formgong, field checks on | Example Node server |
|---|---|---|---|
| Only the access key, no fields | Stored | 422, all 3 fields named | 422, all 4 fields named |
| Name of three spaces | Stored | 422 required | 422 required |
emma@example | Stored | 422 email | 422 email |
emma..clarke@example.com | Stored | Stored | 422 email |
| Message of one letter | Stored | Stored | 422 too_short |
| Name of 5,000 letters | Stored | Stored | 422 too_long |
Topic not in the list (free-iphone) | Stored | Stored | 422 not_allowed |
| Honeypot field filled | Stored as spam, no email | Stored as spam, no email | 200, nothing kept |
text/plain body | 415 | 415 | 415 |
| Kept out of the inbox | 2 of 9 | 5 of 9 | 9 of 9 |
The form without server checks stored 7 of the 9. It only stopped the honeypot, which went to the spam folder with no email, and the text/plain body, which it could not read. Turning Formgong's field checks on raised that to 5 of 9. The four it let through tell you what its checks are: required fields and the format of an email, URL, number, date or phone number. There is no rule for length or for a fixed list of options, so a 5,000-letter name, a one-letter message and a topic that is not on your list all got in. The email check also accepted two dots in a row.
The Node server kept all 9 out because we wrote a rule for each of those cases. A server check catches what you wrote a rule for, and nothing else.
What should a server-side check cover?
Start with the request before you look at a single field. Accept only the encodings a form or fetch sends, and refuse the rest with 415. Stop reading after a size limit, so nobody can make you read a gigabyte, and answer 413. These two checks protect the server itself, which is why they come first.
Then check each field against what you expect, after trimming spaces. Mark required fields as required. Check the format of emails and numbers. Give every text field a maximum length, because your database column and your email template have one even if your form does not. For a select or a set of radio buttons, accept only the values you offer, since the browser will send whatever is posted. Our dropdown menu test stored a value that was never in the list for exactly this reason.
Keep only the fields you know about. Our extra field, is_admin=true, was stored by both Formgong forms as one more line in the message, which is harmless in an email but dangerous if your code copies the whole body into a user record. The Node server builds a new object from its four known fields, so the extra one was dropped.
Markup is not a validation problem. All three receivers accepted a name with <script> in it, and that was correct: refusing angle brackets turns away harmless messages, such as one that quotes a bit of code, and still misses other tricks. The fix belongs where you show the value. Escape it in your pages and emails. Formgong's notification email escaped markup in our earlier textarea test, and the Node server escapes everything it puts back into the page.
How should the server answer when a field is wrong?
Answer with 422 and a list of the fields that failed, each with a code and a message. A script can then put each message under its field. Every 422 in our table, from Formgong and from the Node server, came back as that kind of list.
Forms without JavaScript need a page instead. When we posted a bad email from a plain HTML form to the Node server, it sent the form back with “Please fix 2 fields.” at the top, a message under the email and the empty message box, and the name, email and topic still filled in. Keeping the values matters most here, because asking someone to retype a long message over one typo is an easy way to lose it.
Formgong does this differently, and it is worth knowing the limits. A plain HTML form that breaks a field check is sent to a Formgong page that says “Some fields are missing or not filled in correctly. Please check: email.” with a Back link, and in our Chromium test the Back button brought the visitor to the form with every typed value still there. If you set your own error page with the _error_redirect field, the visitor lands on your page with ?formgong_error=invalid_fields, but the field names are not passed on, so your page cannot say which field was wrong. For field-by-field messages, send the form with JavaScript and read the 422.
What does a small validating server look like?
This is the server we tested, trimmed of the test page it also served. It uses only Node's own modules and reads URL-encoded, multipart and JSON bodies with the same Request API browsers use. The renderForm function is yours to write: your form, with the values and messages put back in and escaped.
It answers JSON when the request asks for it, so the validation script can map the errors onto fields, and a page otherwise. On success it redirects, which stops a refresh from posting the form a second time. If you would rather write the rules as a schema, our Zod form validation test shares one schema between the page and the server.
// server.mjs — Node 22+, no dependencies. node server.mjs, then post a form to http://localhost:8793/contact
import http from "node:http";
const MAX_BODY = 64 * 1024;
const TOPICS = ["sales", "support", "billing"];
const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
// One rule per field. Values arrive trimmed. Each rule returns an error code or null.
const RULES = {
name: (v) => (!v ? "required" : v.length > 100 ? "too_long" : null),
email: (v) => (!v ? "required" : v.length > 254 || !EMAIL.test(v) || /\.\.|^\.|\.@/.test(v) ? "email" : null),
topic: (v) => (!v ? "required" : TOPICS.includes(v) ? null : "not_allowed"),
message: (v) => (!v ? "required" : v.length < 10 ? "too_short" : v.length > 5000 ? "too_long" : null),
};
const MESSAGES = {
required: "Please fill this in.", too_long: "This is too long.", too_short: "Please write at least 10 characters.",
email: "Please enter an email like emma@example.com.", not_allowed: "Please pick one of the options.",
};
function validate(input) {
const clean = {}; // only the fields you know about; anything else in the body is dropped
const errors = [];
for (const field of Object.keys(RULES)) {
const value = typeof input[field] === "string" ? input[field].trim() : "";
clean[field] = value;
const code = RULES[field](value);
if (code) errors.push({ field, code, message: MESSAGES[code] });
}
return { clean, errors };
}
async function readBody(req) {
const chunks = [];
let size = 0;
for await (const chunk of req) {
size += chunk.length;
if (size > MAX_BODY) return null; // stop reading: nobody gets to send you a gigabyte
chunks.push(chunk);
}
return Buffer.concat(chunks);
}
http.createServer(async (req, res) => {
if (req.method !== "POST" || req.url !== "/contact") { res.writeHead(404).end(); return; }
const wantsJson = (req.headers.accept || "").includes("application/json");
const type = (req.headers["content-type"] || "").toLowerCase();
const reply = (status, body) => {
res.writeHead(status, { "content-type": wantsJson ? "application/json" : "text/html; charset=utf-8" });
res.end(wantsJson ? JSON.stringify(body) : renderForm(body)); // renderForm: your page, values and errors escaped
};
// On success, redirect plain forms so a refresh does not post twice.
const done = () => (wantsJson ? reply(200, { ok: true }) : res.writeHead(303, { location: "/thanks" }).end());
if (!/^(application\/x-www-form-urlencoded|multipart\/form-data|application\/json)/.test(type)) return reply(415, { ok: false, code: "unsupported_type" });
const body = await readBody(req);
if (!body) return reply(413, { ok: false, code: "too_large" });
let input;
try {
if (type.startsWith("application/json")) input = JSON.parse(body.toString("utf8")) ?? {};
else {
const form = await new Request("http://local/", { method: "POST", headers: { "content-type": type }, body }).formData();
input = Object.fromEntries([...form.keys()].map((k) => [k, form.getAll(k).filter((v) => typeof v === "string").join(", ")]));
}
} catch {
return reply(400, { ok: false, code: "bad_body" });
}
// Honeypot filled: answer like a success so the bot learns nothing, and keep nothing.
if (typeof input.botcheck === "string" && input.botcheck.trim()) return done();
const { clean, errors } = validate(input);
if (errors.length) return reply(422, { ok: false, errors, values: clean });
// save(clean) and send the notification here, then:
return done();
}).listen(8793);Can a form backend do the server checks for you?
Partly. Formgong is a form backend that sends each message to your email and Telegram, and under Settings, then Protection, then Field checks you can mark fields as required or as an email, URL, number, date or phone number. It refuses a post that breaks a check before anything is stored or counted toward your monthly limit, on every plan including Free. We do not have an edge over the two competitors here, and one of them offers more. Formspree's own article on server-side validation describes built-in rules set per field, and its Workflow help page, read on 3 November 2026, lists them on all plans, with minimum and maximum lengths that Formgong does not have. Splitforms' guide, last reviewed on 5 August 2026, says every submission to its endpoint is checked for format and length and refused with a JSON error. Neither service says it checks a field against a fixed list of options. Splitforms' guide lists that among the checks a server should make, but not among its own, and Formgong has no such rule either. If your form needs length or option rules, run your own server like the one above. Our HTML forms docs list every field Formgong reads.
Did your server let something through?
If a payload got past your checks, or past ours, send it to support@formgong.com. We will add it to this test and update the table.
Frequently asked questions
Is client-side validation enough?
No. Browser checks only run in your page. Bots and scripts post straight to your server, so it must check every field again.
What HTTP status should a validation error return?
422 with a list of the fields that failed, each with a code and a message. Use 415 for a wrong encoding and 413 for a body that is too large.
Should the server refuse HTML in form fields?
Usually not. Store it as text and escape it wherever you show it. Refusing angle brackets turns away harmless input and misses other tricks.
How do I keep the visitor's input after a server error?
Send the form back with the values filled in and a message under each wrong field, or answer JSON and let your script show the messages.
Sources and documentation
Official references for this guide: Formgong: JavaScript form validation without a library, Formgong: HTML input types and what each one sends. HTML forms, where data is stored.
Related guides
- Lovable form submissions to email and Telegram
- HTML contact form without a backend: a working example
- How to send website form submissions to Telegram
- Contact form not sending email? Check where it stops
- Managing website leads in Telegram without a CRM
- Form backend for Lovable, Bolt, v0, Cursor
- Telegram bot for a contact form: build or skip?
- GDPR form backend: 7 checks before you choose
- Lovable form not sending email? 6 fixes
- Netlify Forms not working? React and Bolt fixes
- Stop contact form spam without a CAPTCHA
- GitHub Pages contact form: a working setup
- Mailto Form in HTML: Why It Fails and What to Use
- HTML form to Google Sheets: 2 free methods
- Webflow form submission limit: what to do at 50
- Turnstile vs reCAPTCHA vs hCaptcha for forms
- Contact Form 7 and Elementor forms to Telegram
- Squarespace contact form not sending email?
- Shopify contact form: where do messages go?
- Google Form to Telegram: free Apps Script way
- Wix contact form not sending email? Fixes
- EU / GDPR Formspree alternatives compared
- HTML form action attribute explained
- How do HTML forms work? The HTTP request
- Types of Injection Attacks on Web Forms (2026)
- Indirect Prompt Injection in MCP
- MCP Rug Pull Attack: Detect Tool Changes
- Form without a backend: 7 ways that work
- Thank-you page after form submission (HTML)
- Indirect Prompt Injection Examples (2023–2026)
- Indirect Prompt Injection via Email
- What Is Tool Poisoning in MCP?
- WordPress contact form without a plugin
- Send email from frontend JavaScript
- How to Prevent Indirect Prompt Injection
- Honeypot Form Field: How to Add One That Works
- Contact Form with File Upload (HTML, No PHP)
- Angular contact form without a backend
- Send form submissions to Slack or Discord without Zapier
- Verify a form webhook signature (HMAC-SHA256)
- Contact forms that send nothing: 793 AI-built sites tested
- v0 contact form that actually sends: 3 ways
- How we tested AI-built contact forms, and 12 bugs we hit
- Cloudflare vs Netlify free plan: hosting that never pauses
- EmailJS 412 “Gmail_API: Invalid grant”: reconnect Gmail
- Resend “You can only send testing emails”: verify a domain
- Supabase Edge Function blocked by CORS policy: 3 causes
- Formspree “Form not found” and other errors: fixes
- Web3Forms errors: “Invalid access key” and 403 explained
- How to add customer reviews to your website for free
- Getform not working? “This form has been deleted” and more
- Next.js contact form not working? 6 errors, reproduced
- Webflow form not sending email? What to check, tested
- FormSubmit not working? “This form needs Activation” fix
- Contact form “TypeError: Failed to fetch”: causes and fixes
- WooCommerce product enquiry form
- Contact Form 7 vs WPForms
- Gravity Forms alternative free
- WordPress contact form block
- 535-5.7.8 Username and Password not accepted (Gmail)
- 535 5.7.3 Authentication unsuccessful: Office 365 SMTP
- Nodemailer “Missing credentials for "PLAIN"”: the fix
- Nodemailer “Greeting never received”: port 465 fix
- Nodemailer SSL “wrong version number”: the port fix
- Nodemailer “self-signed certificate in certificate chain”
- Nodemailer ECONNREFUSED 127.0.0.1:587: missing SMTP host
- SendGrid “authorization grant is invalid”: 401 fix
- Mailgun 401 Forbidden: why the API rejects your key
- “Edge Function returned a non-2xx status code”: the fix
- Next.js “Body exceeded 1 MB limit”: Server Action fix
- Unexpected token '<', "<!DOCTYPE "... is not valid JSON
- “TypeError: Body is unusable”: body has already been read
- Turnstile “timeout-or-duplicate” and other siteverify errors
- Turnstile vs hCaptcha vs reCAPTCHA: speed and size tested
- Judge.me reviews not showing on Shopify: how to fix it
- Judge.me review carousel not showing: how to fix it
- Yotpo reviews not showing on Shopify? Check the app embed
- Loox reviews not showing on product page: how to fix
- Shopify reviews not showing: what to check first
- How to show reviews on Shopify
- GDPR for website forms: what each type of form needs
- WooCommerce reviews not showing: how to fix it
- Stamped.io reviews not showing on Shopify: how to fix it
- Etsy reviews not showing: why and what to do
- Trustpilot widget not loading: how to fix TrustBox
- Yotpo problems in 2026: what merchants report
- Contact Form 7 “error trying to send your message” fix
- Elementor form “Your submission failed because of an error”
- Framer form not sending email or not working: what to check
- Carrd contact form not working: plans, spam and errors
- Google review link not working: what customers see and why
- tawk.to widget not showing on your website: causes and fixes
- How to add questions and answers to your product page
- “Failed to send a request to the Edge Function”: fixes
- Next.js “Failed to find Server Action”: what it means
- Brevo “unauthorized: Key not found” 401: the fix
- Amazon SES “Email address is not verified”: the fix
- Shopify contact form not working: how to fix it
- Judge.me alternative for WooCommerce after the 2025 shutdown
- Free WooCommerce review plugins compared on the free version
- WooCommerce review reminder emails without a paid plugin
- Add Voice Recording to a Website Form
- Contact Form 7 spam: how to stop it
- WPForms not sending email: how to fix it
- Contact form emails going to spam: how to fix it
- HTML form not submitting: how to fix it
- Contact form not working: how to find the fault
- Webflow form spam: how to stop it
- Website form to Notion: how to set it up
- Website form to WhatsApp: what works and what does not
- What 1-star reviews say about AI support chatbots
- Which free form backend gives you the most submissions?
- Elfsight reviews widget not showing? Check the view limit
- Next.js contact form backend vs Server Actions
- Review stars not showing in Google search results
- How to stop duplicate form submissions
- How to see which form leads came from ChatGPT
- What happens when a form webhook fails
- When to send a review request email after an order
- How to collect video testimonials for free
- Add contact form sign-ups to Mailchimp or Klaviyo
- How to migrate from Formspree without losing submissions
- How to get a Google review link for your business
- What is a headless form backend?
- Is it safe to put a form access key in your HTML?
- AI chatbot that answers only from your website
- Minified React error #441 in Next.js
- Squarespace product reviews after Judge.me
- Accessible contact form checklist for WCAG 2.2
- How to ask a client for a testimonial by email
- How to respond to negative reviews, with examples
- 429 Too Many Requests on a contact form
- MCP server for forms in Cursor and Claude
- Can you offer a discount for a review?
- Do EU stores have to say if reviews are verified?
- Webflow form backend options compared
- How to add review schema JSON-LD to a product page
- How to turn a customer review into an Instagram post
- How to make a QR code for Google reviews
- Live chat or chatbot for a small business website
- Why people abandon your contact form halfway
- Which form backend do AI assistants pick? 54 answers
- PHP mail() not sending email, even when it returns true
- What “Failed to fetch” means, tested in three browsers
- 405 Method Not Allowed when you submit a form
- Send a contact form to more than one email address
- What is review syndication, and who needs it?
- How to save HTML form data to a database
- NetworkError when attempting to fetch resource
- Send product reviews to Google Merchant Center
- PHPMailer not working on a live server
- AI review reply generator: does it help?
- React 19 contact form with useActionState
- Astro Actions or a form backend?
- Is no-reply@wixsiteautomations.com legit?
- Where to find the Judge.me review widget code
- AI review summaries: what shoppers actually see
- Photo reviews for WooCommerce, and the GPS inside them
- Review request email templates you can copy
- Reviews in AI search: what ChatGPT and Perplexity cite
- Lead capture form with UTM tracking, built and tested
- Form design best practices, with our own form data
- Client intake form template with file upload
- What is social proof? Meaning and examples
- What is user-generated content (UGC)?
- Benefits of negative reviews for your store
- How to get your first reviews as a new store
- How to use customer reviews in your marketing
- How to get more customer reviews
- React form validation without a library, tested
- jQuery submit form with validation
- reCAPTCHA v3 setup with the server score check
- Shopify social proof that shoppers can check
- HTML file input: accept, multiple, capture and size checks
- How to add hCaptcha to a form, with the server check
- How to add invisible reCAPTCHA to a form
- Bug report form template with browser details
- What the FTC fake reviews rule bans for online stores
- How to show reviews on your homepage
- Do reviews increase sales? What the studies show
- HTML input types and what each one sends
- HTML textarea, tested in a real form
- HTML dropdown menu in a form, tested
- Do reviews help SEO? What Google says and shows
- How to add a review carousel people can read
- Product review examples that help shoppers decide
- Which trust badges actually mean something
- Customer satisfaction survey with CSAT and NPS
- JavaScript FormData and what fetch actually sends
- JavaScript form validation without a library
- Email validation in JavaScript, tested on 33 addresses
- Zod form validation with FormData, tested
- Store reviews vs product reviews
- How to send review requests through Klaviyo
- How to tag customer reviews by topic and mood
- Custom review form questions worth asking
- Online reputation management for small businesses
- HTML radio button groups and what they send
- HTML label tag and what screen readers hear
- HTML autocomplete attribute, tested with Chrome autofill
- HTML fieldset and legend, and what disabled leaves out
- HTML button tag and what a form button sends
- Vite contact form that still works after the build
- How to test a contact form, end to end
- How to embed a Google Form, and what it loads
- Customer feedback questions that get real answers
- How to convert a file to base64 in JavaScript
- FilePond with a form backend, and when to skip it
- Bootstrap form validation and server errors
- Tailwind form validation, tested in three browsers
- Donation form in HTML, and where the payment goes
- How to ask for a review in person or by text
- Which review sites matter for your business
- What are customer reviews, and which kinds count
- Online review statistics, checked at the source
- Best review app for Shopify and WooCommerce
- Why Gmail sends your self-hosted mail to spam
- htmx contact form that sends to another domain
- AI form builders tested, from prompt to sent form
- Headless WordPress forms with Contact Form 7, tested
- React Hook Form watch vs useWatch, and what gets sent
- Elfsight widget not working? It vanishes when views run out
- Jotform not sending emails? Check Jotform's bounce list
- Typeform not working? A white box means a blocked script
- Positive review response examples that don't sound copied
- How to remove a Google review when you can't delete it
- Google reviews not showing up? 8 causes to check in order
- Is buying Google reviews illegal? Even a review swap counts
- Which reviews can you hide? A review moderation checklist
- Average star rating: what 4.8 from 5 reviews means
- Reviews on a product page: where and how many to show
- SaaS testimonials: 3 of 27 had a number in them
- Do reviews reduce returns? Not when they're too good
- Testimonial examples for business: what makes one believable
- Testimonial questions to ask clients, by type of business
- Testimonial page design: a page or a section?
- Testimonial advertising rules: what the FTC requires
- Form submission canceled because the form is not connected
- Input type date format dd/mm/yyyy: what you can change
- How to disable textarea resize, or allow only vertical
- How to prevent Enter from submitting a form
- form.submit() vs requestSubmit(): what submit() skips
- Custom HTML checkbox CSS that doesn't break required
- How to reset a form after submit, and what reset() keeps
- Input type number maxlength not working? What to use
- How to create an HTML form, step by step
- Best form builder: free plans and branding, checked
- Best WordPress contact form plugin: 10 free ones compared
- How to increase form conversion rate: start with the count
- Form backend vs form builder: which one do you need?
- WordPress contact form not sending email? 3 plugins tested
- Contact Form 7 webhook? Turning it on switched our email off
- Gravity Forms webhook: what it sends and the URLs it rejects