Submitting a form in Nextjs 14 with onBlur, server actions, and validation

Want a straightforward article on submitting a form in Nextjs to a server action using an HTML event onBlur? And with form validation?

Then this is the article for you. I found the documentation on Nextjs.org lacking, so I'm putting this here for you.

This article is suitable for other events, such as onChange. Still, I prefer onBlur; as you know, the user is done typing, and you don't have to mess with debouncing.

The Form

This tutorial has a …

article documentation event form found frontend html next.js server typescript validation webdev