Data rules
<input
name="email"
type="email"
data-validate="required email"
data-message-required="Email is required."
data-message-email="Use a valid email address."
/>CMS demo
CMS Markup
Data-attribute rules and messages for markup produced by content systems or templates.
Back to demo galleryDeveloper notes
Use data attributes when templates or CMS fields need to declare rules without custom JavaScript per field.
Minimal setup
new A11yFormValidator(
document.getElementById("cms-form"),
createMinimalPreset()
);