Update README.md

antonbavykin1991 · Oct 11, 2021 · b2a6f27 · b2a6f27
1 parent 0593f21
commit b2a6f27
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -52,6 +52,44 @@ export default class ExampleComponent extends Component {
 }
 ```
 
+```hbs
+<div class="">
+  <form class="form-example" {{on "submit" (fn this.submit)}}>
+    <h1>Form Example...</h1>
+    <label for="">
+      <input
+        type="text"
+        name=""
+        value={{this.firstName}}
+        {{on "input" (pick "target.value" (fn (mut this.firstName)))}}
+        {{on "input" (fn this.validate "firstName")}}
+        {{on "blur" (fn this.validate "firstName")}}
+      >
+
+      {{#if this.errors.firstName}}
+        <span class="error">{{this.errors.firstName}}</span>
+      {{/if}}
+    </label>
+
+    <label for="">
+      <input
+        type="text"
+        name=""
+        value={{this.lastName}}
+        {{on "input" (pick "target.value" (fn (mut this.lastName)))}}
+        {{on "input" (fn this.validate "lastName")}}
+        {{on "blur" (fn this.validate "lastName")}}
+      >
+      {{#if this.errors.lastName}}
+        <span class="error">{{this.errors.lastName}}</span>
+      {{/if}}
+    </label>
+
+    <button type="submit" name="button">Save</button>
+  </form>
+</div>
+```
+
 
 Contributing
 ------------------------------------------------------------------------------