Email, URL, warna, dan range

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

const schema = z.object({
  email: z.email(),
  website: z.url(),
  color: z.string(),
  volume: z.string(),
});

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    color: { type: "color" },
    volume: { type: "range", min: 0, max: 100 },
  }}
/>

Pasang menggunakan Quick Start. Constructor z.email() dan z.url() dikenali sebagai input khusus. Bentuk z.email() tetap memvalidasi tetapi inferensinya membaca string biasa. Mengatur type email pada string biasa belum mengubah input menjadi email pada renderer 1.0.0; gunakan constructor yang sesuai.

type: "range" bekerja pada renderer string dengan min, max, dan step; hasilnya tetap string. z.number() selalu memakai input number bawaan, termasuk bila diberi type range. Gunakan custom input untuk slider yang menyimpan angka.

Varian input tidak mengubah tipe Zod. Lihat juga Textarea dan Password.