Svelte Simple Forms

This is a simple package for client side form validation for svelte and sveltekit without schemas. It has simple syntax for setting up validators for your fields

Usage

1import { createForm } from "svelte-simple-forms";
2
3const form = createForm({
4		email: {
5			email: true,
6			required: true
7		},
8		password: {
9			required: true,
10			min: 6
11		},
12        repassword: {
13			required: true,
14            equalTo: 'password'
15		}
16	});
17
18	$: {
19		form.validate();
20	}

1
2<form class="">
3    <label>
4        Email
5        <input type="email" bind:value={form.email} />
6            {#each form.errors.email as error}
7                <p>{error}</p>
8            {/each}
9    </label>
10    
11    <label>
12        Passowrd
13        <input type="email" bind:value={form.password} />
14            {#each form.errors.password as error}
15                <p>{error}</p>
16            {/each}
17    </label>
18    
19    <label>
20        RePassoword
21        <input type="email" bind:value={form.repassword} />
22            {#each form.errors.repassword as error}
23                <p>{error}</p>
24            {/each}
25    </label>
26</form>

You can contribute and report issues at Github.