svelte-simple-form-validators Svelte Themes

Svelte Simple Form Validators

Svelte Simple Form Validators

Svelte Simple Form Validators

A validation utilities designed specifically for Svelte Simple Form

Install

npm install @svelte-simple-form/validators

Ensure you already installed svelte-simple-form

Standard Schema

Compatible with any validation library that implements the Standard Schema spec (@standard-schema/spec).
For example: Zod, Valibot, and etc.
Docs Standard Schema

Usage
import z from "zod";
import { useForm } from "svelte-simple-form";
import { standardSchemaValidator } from "@svelte-simple-form/validators/standard-schema";

const schema = z.object({
  name: z.string().min(3),
  email: z.email(),
  age: z.number().min(10),
});

const { form } = useForm({
  initialValues: {
    name: "",
    email: "",
    age: "",
  },
  validator: standardSchemaValidator(schema),
  onSubmit: async (values) => {
    console.log(values);
  },
});

Contribute

Contributions are highly appreciated!
You can help by improving validation performance, adding more schema adapters, fixing bugs, and etc.

Top categories

Loading Svelte Themes