From 3fdcc6e3ffe8e42f63ef77b84811642ca5cb25f3 Mon Sep 17 00:00:00 2001
From: slhx agent <slhx@users.noreply.github.com>
Date: Tue, 23 Jun 2026 15:30:58 +0200
Subject: [PATCH] fix(examples): trigger inline validation on input events

req: runtime/005

req: examples/001
---
 examples/html_examples/src/main.rs            | 10 ++++++++++
 examples/html_examples/templates/gallery.heml |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/examples/html_examples/src/main.rs b/examples/html_examples/src/main.rs
index 92d7cdb..54cd925 100644
--- a/examples/html_examples/src/main.rs
+++ b/examples/html_examples/src/main.rs
@@ -661,6 +661,16 @@ mod tests {
         )
     }
 
+    #[test]
+    fn inline_validation_form_uses_input_event_for_revalidation() {
+        let state = Arc::new(GalleryState::seeded());
+        let html = gallery_view(&state).render().expect("render gallery");
+        assert!(
+            html.contains("data-hemx-on=\"input\""),
+            "inline validation form must listen on input events"
+        );
+    }
+
     #[test]
     fn readme_maps_every_htmx_example_slug() {
         let readme = include_str!("../README.md");
diff --git a/examples/html_examples/templates/gallery.heml b/examples/html_examples/templates/gallery.heml
index 677cc02..91fa57c 100644
--- a/examples/html_examples/templates/gallery.heml
+++ b/examples/html_examples/templates/gallery.heml
@@ -31,7 +31,7 @@
 
   <section id="inline-validation" data-htmx-example="inline-validation" aria-labelledby="validation-heading">
     <h2 id="validation-heading">inline-validation</h2>
-    <form data-hemx-handle="validate_email" data-hemx-form="validate_email">
+    <form data-hemx-handle="validate_email" data-hemx-form="validate_email" data-hemx-on="input">
       <label>Email <input name="email" +value="self.email" required="required"></label>
       <button type="submit">Validate</button>
       <p data-hemx-error-for="email"></p>