fix: clear issues and touched states on form reset

.changeset/fast-rooms-move.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+fix: clear issues and touched states on form reset

packages/kit/src/runtime/client/remote-functions/form.svelte.js

@@ -541,6 +541,8 @@ export function form(id) {
 				await tick();
 
 				input = convert_formdata(new FormData(form));
+				raw_issues = [];
+				touched = {};
 			};
 
 			form.addEventListener('submit', handle_submit);

packages/kit/test/apps/async/src/routes/remote/form/reset-id/+page.svelte

@@ -5,8 +5,13 @@
 <form {...reset_id}>
 	<input id="reset" {...reset_id.fields.message.as('text')} />
 	<button>submit</button>
+	<button type="reset">reset</button>
 </form>
 
+{#each reset_id.fields.message.issues() as issue (issue)}
+	<p class="error">{issue.message}</p>
+{/each}
+
 {#if reset_id.result?.message}
 	<div id="result">{reset_id.result.message}</div>
 {/if}

packages/kit/test/apps/async/src/routes/remote/form/reset-id/form.remote.ts

@@ -3,7 +3,7 @@ import * as v from 'valibot';
 
 export const reset_id = form(
 	v.object({
-		message: v.string()
+		message: v.pipe(v.string(), v.minLength(10, 'too short'))
 	}),
 	({ message }) => {
 		return { success: true, message };

packages/kit/test/apps/async/test/client.test.js

@@ -696,7 +696,7 @@
 			.toBeGreaterThan(before.cleanup_count);
 	});
 
 	test('form reconnect updates targeted live query without reconnecting all live queries', async ({
 		page
 	}) => {
 		await page.goto('/remote/live');
@@ -1107,9 +1107,18 @@
 
 	test('form submission with element id `reset` resets the form', async ({ page }) => {
 		await page.goto('/remote/form/reset-id');
-		await page.locator('[name="message"]').fill('test');
+		await page.locator('[name="message"]').fill('short');
 		await page.click('button');
-		await expect(page.locator('#result')).toHaveText('test');
+
+		await expect(page.locator('.error')).toHaveText('too short');
+
+		await page.click('[type="reset"]');
+		await expect(page.locator('.error')).toHaveCount(0);
+
+		await page.locator('[name="message"]').fill('long enough');
+		await page.click('button');
+
+		await expect(page.locator('#result')).toHaveText('long enough');
 		await expect(page.locator('[name="message"]')).toBeEmpty();
 	});
 });