Ad soyad

Her dilden harf ve tek boşluk kabul eder; rakam ve işaretleri yazdırmaz. Harfle başlar, en çok 70 karakterdir.

← Tüm örnekler·fullName

Önizleme

Form değeri: -

Görünen: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ fullName: string }>()
  const { fullName } = useViraMask(form, { fullName: "fullName" })
 
  return <input {...fullName} placeholder="Ömer Gülçiçek" />
}

Detaylar

Desen: a[n…]
Preset: "fullName"
Form değeri: "Ömer Gülçiçek"
Maske zorunluluk kontrolü yapmaz ve sondaki boşluğu silmez; bunları şemanda z.string().trim().min(1) ile doğrula.
Apostrof ve tire varsayılan olarak kabul edilmez: Jean-Luc ve O'Neil için aşağıdaki gibi yeni bir preset türet.

Özelleştirme

Kart üzerindeki ad

Kart adı otomatik doldurmasını preset'in üstüne ekle. Büyük harf istersen transform: "uppercase" ekleyebilirsin; dile duyarlı değildir, i harfi İ değil I olur.

Form değeri: -

Görünen: -

useViraMask(form, {
  cardName: { preset: "fullName", autoComplete: "cc-name" },
})

Apostrof ve tireye izin vermek

Preset üstünde tokens değiştirilemez. Seçenekleri definePreset ile yeni bir preset'e aktarıp n token'ını genişlet.

import { definePreset, presets } from "@virastack/mask"
 
const intlName = definePreset("intlName", {
  ...presets.fullName.options,
  tokens: { n: /[\p{L}\p{M} '-]/u },
})

Hook API için useViraMask(), kendi desenin için özel maske.

Ad soyad

Her dilden harf ve tek boşluk kabul eder; rakam ve işaretleri yazdırmaz. Harfle başlar, en çok 70 karakterdir.

← Tüm örnekler·fullName

Önizleme

Form değeri: -

Görünen: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ fullName: string }>()
  const { fullName } = useViraMask(form, { fullName: "fullName" })
 
  return <input {...fullName} placeholder="Ömer Gülçiçek" />
}

Detaylar

Desen: a[n…]
Preset: "fullName"
Form değeri: "Ömer Gülçiçek"
Maske zorunluluk kontrolü yapmaz ve sondaki boşluğu silmez; bunları şemanda z.string().trim().min(1) ile doğrula.
Apostrof ve tire varsayılan olarak kabul edilmez: Jean-Luc ve O'Neil için aşağıdaki gibi yeni bir preset türet.

Özelleştirme

Kart üzerindeki ad

Kart adı otomatik doldurmasını preset'in üstüne ekle. Büyük harf istersen transform: "uppercase" ekleyebilirsin; dile duyarlı değildir, i harfi İ değil I olur.

Form değeri: -

Görünen: -

useViraMask(form, {
  cardName: { preset: "fullName", autoComplete: "cc-name" },
})

Apostrof ve tireye izin vermek

Preset üstünde tokens değiştirilemez. Seçenekleri definePreset ile yeni bir preset'e aktarıp n token'ını genişlet.

import { definePreset, presets } from "@virastack/mask"
 
const intlName = definePreset("intlName", {
  ...presets.fullName.options,
  tokens: { n: /[\p{L}\p{M} '-]/u },
})

Hook API için useViraMask(), kendi desenin için özel maske.