FieldValidators

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

定义于:packages/form-core/src/FieldApi.ts:285

类型参数

TParentData

TName 扩展自 DeepKeys<TParentData>

TData 扩展自 DeepValue<TParentData, TName>

TOnMount 扩展自 undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChange 扩展自 undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnChangeAsync 扩展自 undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnBlur 扩展自 undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnBlurAsync 扩展自 undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnSubmit 扩展自 undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnSubmitAsync 扩展自 undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

TOnDynamic 扩展自 undefined | FieldValidateOrFn<TParentData, TName, TData>

TOnDynamicAsync 扩展自 undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>

属性

onBlur?

ts
optional onBlur: TOnBlur;
optional onBlur: TOnBlur;

定义于:packages/form-core/src/FieldApi.ts:338

输入框失焦事件的可选函数。

示例

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

onBlurAsync?

ts
optional onBlurAsync: TOnBlurAsync;
optional onBlurAsync: TOnBlurAsync;

定义于:packages/form-core/src/FieldApi.ts:344

一个可选属性,类似于 onBlur,但用于异步验证。

示例

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;

定义于:packages/form-core/src/FieldApi.ts:351

一个可选数字,用于表示 onBlurAsync 在运行前应等待多长时间。

如果设置为大于 0 的数字,将在此毫秒数的时间内延迟异步验证事件的触发。


onBlurListenTo?

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

定义于:packages/form-core/src/FieldApi.ts:355

当其值发生变化时,触发此字段的 onBluronBlurAsync 事件的可选字段名称列表。


onChange?

ts
optional onChange: TOnChange;
optional onChange: TOnChange;

定义于:packages/form-core/src/FieldApi.ts:316

输入框更改事件的可选函数。

示例

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

onChangeAsync?

ts
optional onChangeAsync: TOnChangeAsync;
optional onChangeAsync: TOnChangeAsync;

定义于:packages/form-core/src/FieldApi.ts:322

一个可选属性,类似于 onChange,但用于异步验证。

示例

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;

定义于:packages/form-core/src/FieldApi.ts:328

一个可选数字,用于表示 onChangeAsync 在运行前应等待多长时间。

如果设置为大于 0 的数字,将在此毫秒数的时间内延迟异步验证事件的触发。


onChangeListenTo?

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

定义于:packages/form-core/src/FieldApi.ts:332

当其值发生变化时,触发此字段的 onChangeonChangeAsync 事件的可选字段名称列表。


onDynamic?

ts
optional onDynamic: TOnDynamic;
optional onDynamic: TOnDynamic;

定义于:packages/form-core/src/FieldApi.ts:368


onDynamicAsync?

ts
optional onDynamicAsync: TOnDynamicAsync;
optional onDynamicAsync: TOnDynamicAsync;

定义于:packages/form-core/src/FieldApi.ts:369


onDynamicAsyncDebounceMs?

ts
optional onDynamicAsyncDebounceMs: number;
optional onDynamicAsyncDebounceMs: number;

定义于:packages/form-core/src/FieldApi.ts:370


onMount?

ts
optional onMount: TOnMount;
optional onMount: TOnMount;

定义于:packages/form-core/src/FieldApi.ts:310

输入框挂载事件的可选函数。


onSubmit?

ts
optional onSubmit: TOnSubmit;
optional onSubmit: TOnSubmit;

定义于:packages/form-core/src/FieldApi.ts:361

表单提交事件的可选函数。

示例

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

onSubmitAsync?

ts
optional onSubmitAsync: TOnSubmitAsync;
optional onSubmitAsync: TOnSubmitAsync;

定义于:packages/form-core/src/FieldApi.ts:367

一个可选属性,类似于 onSubmit,但用于异步验证。

示例

ts
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
z.string().refine(async (val) => val.length > 3, { message: 'Testing 123' })
我们的合作伙伴
Code Rabbit
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。