diff --git a/docs/framework/angular/guides/validation.md b/docs/framework/angular/guides/validation.md index d9d72352a..5256ae13d 100644 --- a/docs/framework/angular/guides/validation.md +++ b/docs/framework/angular/guides/validation.md @@ -190,8 +190,8 @@ Or use the `errorMap` property to access the specific error you're looking for: #age="field" > - @if (age.api.state.meta.errorMap['onChange']) { - {{ age.api.state.meta.errorMap['onChange'] }} + @if (age.api.state.meta.errorMap['onChange']?.length) { + {{ age.api.state.meta.errorMap['onChange'][0] }} } `, @@ -219,10 +219,10 @@ Example:
- @if (formErrorMap().onChange) { + @if (formErrorMap().onChange?.length) {
There was an error on the form: {{ formErrorMap().onChange }}There was an error on the form: {{ formErrorMap().onChange[0] }}
} diff --git a/docs/framework/react/guides/validation.md b/docs/framework/react/guides/validation.md index e8a9ff26f..2007b913e 100644 --- a/docs/framework/react/guides/validation.md +++ b/docs/framework/react/guides/validation.md @@ -142,8 +142,8 @@ Or use the `errorMap` property to access the specific error you're looking for: {(field) => ( <> {/* ... */} - {field.state.meta.errorMap['onChange'] ? ( - {field.state.meta.errorMap['onChange']} + {field.state.meta.errorMap['onChange']?.length ? ( + {field.state.meta.errorMap['onChange'][0]} ) : null} )} @@ -183,9 +183,9 @@ export default function App() { return (
{/* ... */} - {formErrorMap.onChange ? ( + {formErrorMap.onChange?.length ? (
- There was an error on the form: {formErrorMap.onChange} + There was an error on the form: {formErrorMap.onChange[0]}
) : null} {/* ... */} @@ -251,9 +251,9 @@ export default function App() { [state.errorMap]} children={([errorMap]) => - errorMap.onSubmit ? ( + errorMap.onSubmit?.length ? (
- There was an error on the form: {errorMap.onSubmit} + There was an error on the form: {errorMap.onSubmit[0]}
) : null } diff --git a/docs/framework/solid/guides/validation.md b/docs/framework/solid/guides/validation.md index 08c60857b..c0cfa2eec 100644 --- a/docs/framework/solid/guides/validation.md +++ b/docs/framework/solid/guides/validation.md @@ -144,8 +144,8 @@ Or use the `errorMap` property to access the specific error you're looking for: {(field) => ( <> {/* ... */} - {field().state.meta.errorMap['onChange'] ? ( - {field().state.meta.errorMap['onChange']} + {field().state.meta.errorMap['onChange']?.length ? ( + {field().state.meta.errorMap['onChange'][0]} ) : null} )} @@ -185,9 +185,9 @@ export default function App() { return (
{/* ... */} - {formErrorMap().onChange ? ( + {formErrorMap().onChange?.length ? (
- There was an error on the form: {formErrorMap().onChange} + There was an error on the form: {formErrorMap().onChange[0]}
) : null} {/* ... */} diff --git a/docs/framework/vue/guides/validation.md b/docs/framework/vue/guides/validation.md index beb3f7504..b2547f7f9 100644 --- a/docs/framework/vue/guides/validation.md +++ b/docs/framework/vue/guides/validation.md @@ -136,7 +136,7 @@ Or use the `errorMap` property to access the specific error you're looking for: }"> @@ -178,9 +178,9 @@ const formErrorMap = form.useStore((state) => state.errorMap)