Framework
Version
API-Referenz

FieldValidators

Interface: FieldValidators<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync>

Definiert in: packages/form-core/src/FieldApi.ts:285

Typparameter

TParentData

TName erweitert DeepKeys<TParentData>

TData erweitert DeepValue<TParentData, TName>

TOnMount erweitert undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChange erweitert undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChangeAsync erweitert undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnBlur erweitert undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnBlurAsync erweitert undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnSubmit erweitert undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnSubmitAsync erweitert undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnDynamic erweitert undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnDynamicAsync erweitert undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

Eigenschaften

onBlur?

ts
optional onBlur: TOnBlur;
optional onBlur: TOnBlur;

Definiert in: packages/form-core/src/FieldApi.ts:338

Eine optionale Funktion, die beim Blur-Ereignis des Inputs ausgeführt wird.

Beispiel

ts
z.string().min(1)
z.string().min(1)

onBlurAsync?

ts
optional onBlurAsync: TOnBlurAsync;
optional onBlurAsync: TOnBlurAsync;

Definiert in: packages/form-core/src/FieldApi.ts:344

Eine optionale Eigenschaft ähnlich zu onBlur, aber für asynchrone Validierung.

Beispiel

ts
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })

onBlurAsyncDebounceMs?

ts
optional onBlurAsyncDebounceMs: number;
optional onBlurAsyncDebounceMs: number;

Definiert in: packages/form-core/src/FieldApi.ts:351

Eine optionale Zahl, die angibt, wie lange onBlurAsync warten soll, bevor es ausgeführt wird.

Wenn auf eine Zahl größer als 0 gesetzt, wird das asynchrone Validierungsereignis um diesen Wert in Millisekunden verzögert.


onBlurListenTo?

ts
optional onBlurListenTo: DeepKeys<TParentData>[];
optional onBlurListenTo: DeepKeys<TParentData>[];

Definiert in: packages/form-core/src/FieldApi.ts:355

Eine optionale Liste von Feldnamen, die die onBlur- und onBlurAsync-Ereignisse dieses Feldes auslösen sollen, wenn sich sein Wert ändert.


onChange?

ts
optional onChange: TOnChange;
optional onChange: TOnChange;

Definiert in: packages/form-core/src/FieldApi.ts:316

Eine optionale Funktion, die beim Change-Ereignis des Inputs ausgeführt wird.

Beispiel

ts
z.string().min(1)
z.string().min(1)

onChangeAsync?

ts
optional onChangeAsync: TOnChangeAsync;
optional onChangeAsync: TOnChangeAsync;

Definiert in: packages/form-core/src/FieldApi.ts:322

Eine optionale Eigenschaft ähnlich zu onChange, aber für asynchrone Validierung.

Beispiel

ts
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })

onChangeAsyncDebounceMs?

ts
optional onChangeAsyncDebounceMs: number;
optional onChangeAsyncDebounceMs: number;

Definiert in: packages/form-core/src/FieldApi.ts:328

Eine optionale Zahl, die angibt, wie lange onChangeAsync warten soll, bevor es ausgeführt wird.

Wenn auf eine Zahl größer als 0 gesetzt, wird das asynchrone Validierungsereignis um diesen Wert in Millisekunden verzögert.


onChangeListenTo?

ts
optional onChangeListenTo: DeepKeys<TParentData>[];
optional onChangeListenTo: DeepKeys<TParentData>[];

Definiert in: packages/form-core/src/FieldApi.ts:332

Eine optionale Liste von Feldnamen, die die onChange- und onChangeAsync-Ereignisse dieses Feldes auslösen sollen, wenn sich sein Wert ändert.


onDynamic?

ts
optional onDynamic: TOnDynamic;
optional onDynamic: TOnDynamic;

Definiert in: packages/form-core/src/FieldApi.ts:368


onDynamicAsync?

ts
optional onDynamicAsync: TOnDynamicAsync;
optional onDynamicAsync: TOnDynamicAsync;

Definiert in: packages/form-core/src/FieldApi.ts:369


onDynamicAsyncDebounceMs?

ts
optional onDynamicAsyncDebounceMs: number;
optional onDynamicAsyncDebounceMs: number;

Definiert in: packages/form-core/src/FieldApi.ts:370


onMount?

ts
optional onMount: TOnMount;
optional onMount: TOnMount;

Definiert in: packages/form-core/src/FieldApi.ts:310

Eine optionale Funktion, die beim Mount-Ereignis des Inputs ausgeführt wird.


onSubmit?

ts
optional onSubmit: TOnSubmit;
optional onSubmit: TOnSubmit;

Definiert in: packages/form-core/src/FieldApi.ts:361

Eine optionale Funktion, die beim Submit-Ereignis des Formulars ausgeführt wird.

Beispiel

ts
z.string().min(1)
z.string().min(1)

onSubmitAsync?

ts
optional onSubmitAsync: TOnSubmitAsync;
optional onSubmitAsync: TOnSubmitAsync;

Definiert in: packages/form-core/src/FieldApi.ts:367

Eine optionale Eigenschaft ähnlich zu onSubmit, aber für asynchrone Validierung.

Beispiel

ts
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
Unsere Partner
Code Rabbit
Bytes abonnieren

Ihre wöchentliche Dosis JavaScript-Nachrichten. Jeden Montag kostenlos an über 100.000 Entwickler geliefert.

Bytes

Kein Spam. Jederzeit kündbar.

Bytes abonnieren

Ihre wöchentliche Dosis JavaScript-Nachrichten. Jeden Montag kostenlos an über 100.000 Entwickler geliefert.

Bytes

Kein Spam. Jederzeit kündbar.