skills.rest
marcushellberg
marcushellbergCOMMUNITY
Explore all skills by this author →
GitHub

forms-and-validation

Automate Vaadin 25 form building with Binder bindings and validation.

6|1|Updated Feb 24, 2026
Search Tags:#validation#vaadin#binder#converters#cross-field#form-binding
One-click install
npx skills add https://github.com/marcushellberg/vaadin-development-plugin --skill forms-and-validation-marcushellberg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: forms-and-validation
Source: https://github.com/marcushellberg/vaadin-development-plugin/tree/main/skills/forms-and-validation
Command: npx skills add https://github.com/marcushellberg/vaadin-development-plugin --skill forms-and-validation-marcushellberg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vaadin forms often require boilerplate to bind UI fields to a data object, apply conversions, and enforce validation across multiple fields. This skill provides guidance on using Binder, BeanValidationBinder, and converter patterns to build robust forms in Vaadin 25.

Core Features & Use Cases

  • Binder fundamentals: binding fields to a data object, reading and writing beans, and choosing buffered versus write-through modes.
  • Validation & Converters: per-field validators, converters for type safety, and cross-field validation with binder.withValidator.
  • BeanValidationBinder and Jakarta annotations: automatic validation based on annotations and binding instance fields.
  • Error handling & form layout: showing binder-level errors, status display, and responsive FormLayout usage.

Quick Start

Create a simple Vaadin form by binding a POJO to UI fields with Binder and adding a required validator and a cross-field rule.

Frequently Asked Questions about forms-and-validation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind form fields to a data object in Vaadin 25?▼

Use Vaadin Binder to explicitly bind UI fields to a POJO, handling data reading and writing while choosing between buffered or write-through modes for your forms.

How does BeanValidationBinder work with Jakarta annotations?▼

BeanValidationBinder automatically enforces validation rules by reading Jakarta annotations directly from your data object's instance fields, eliminating manual per-field validator setup.

Can I use converters for type safety in Vaadin form bindings?▼

Yes, Binder converters provide type safety by transforming user input between UI string representations and the specific property types of your backend data object.

What is the best way to display binder-level errors in a Vaadin form?▼

Use binder-level error handling and status display components to aggregate and show validation errors across your FormLayout, ensuring responsive user feedback.

When do I need buffered versus write-through modes for Vaadin form binding?▼

Use write-through mode for immediate data updates to the bean on every field change, or buffered mode to commit all field values to the data object simultaneously on explicit save.

Related Skills

Explore More Software Engineering Skills→
vaadinvaadin
11

forms-and-validation

Bind Vaadin 25 UI fields to Java beans with Binder validation.

Official
Advanced
pohlai88pohlai88

form-builder

Create accessible, validated React forms with React Hook Form and Zod.

Community
Intermediate
0xRayAI0xRayAI

frontend-ui-ux-engineer

Apply UI/UX design principles and WCAG 2.1 AA accessibility guidelines to web interfaces.

Official
Intermediate
honeydew-aihoneydew-ai
39

domain-creation

Create, update, and delete Honeydew domains with semantic and source filters.

Official
Intermediate