Contact Form With Live Validation and Invisible Anti-Spam Protection

We run a small business website and need our contact form rebuilt so it works the way a modern form should. Right now visitors fill in every field and only find out something is wrong after they hit submit, which quietly costs us leads. We want field-level checks that run as people type through name, phone, email format, and message length, with inline hints appearing next to the field instead of a wall of errors at the end.

Spam is the other half of the problem. Our current form gets flooded with bot submissions daily, and we do not want a visual captcha that makes real visitors solve puzzles, since many just abandon the page. We are looking for invisible protection instead: honeypot fields, timing checks, a modern token-based approach, or another proven method that keeps the noise out without adding friction for genuine customers.

Once a submission passes validation, it needs to reach our team: an email notification and, ideally, delivery into our CRM through its API. Please plan for graceful handling if delivery fails.

What we expect:
— Live client-side validation, server-side checks as backup
— Invisible anti-spam layer, no puzzle captchas
— Email plus CRM delivery with fallback logging
— Clean, documented code we can maintain later