Skip to content

Commit 1510b82

Browse files
Update static/usage/v8/toggle/helper-error/javascript.md
Co-authored-by: Brandy Smith <[email protected]>
1 parent 927c64f commit 1510b82

File tree

1 file changed

+2
-16
lines changed

1 file changed

+2
-16
lines changed
Lines changed: 2 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,9 @@
11
```html
2-
<form id="my-form">
3-
<ion-toggle helper-text="This needs to be enabled" error-text="This field is required"> Wi-Fi </ion-toggle>
4-
5-
<br />
6-
7-
<ion-button type="submit" size="small">Submit</ion-button>
8-
</form>
2+
<ion-toggle helper-text="Enable to connect to available networks" error-text="Must be enabled to access the internet" justify="space-between" checked> Wi-Fi </ion-toggle>
93

104
<script>
11-
const form = document.getElementById('my-form');
12-
const wifi = form.querySelector('ion-toggle');
5+
const wifi = document.querySelector('ion-toggle');
136
14-
form.addEventListener('submit', (event) => submit(event));
157
wifi.addEventListener('ionChange', (event) => validateToggle(event));
168
179
const validateToggle = (event) => {
@@ -25,11 +17,5 @@
2517
wifi.classList.add('ion-valid');
2618
}
2719
};
28-
29-
const submit = (event) => {
30-
event.preventDefault();
31-
32-
validateToggle({ detail: { checked: wifi.checked } });
33-
};
3420
</script>
3521
```

0 commit comments

Comments
 (0)