feat(form-core): add <FieldMeta>.isValid

[LeCarbonator]

This meta property is a shortened alternative to checking
field.state.meta.errors.length === 0. Since FormApi already has this
property, a FieldApi variant wouldn't hurt to be more clear.

This PR is based on Balastrong's suggestion on Discord.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit c7572f0.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	1m 49s	View ↗
nx run-many --target=build --exclude=examples/**	✅ Succeeded	22s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-04-29 07:37:04 UTC

[pkg-pr-new]

More templates

• @tanstack/form-example-angular-array
• @tanstack/form-example-angular-simple
• @tanstack/form-example-lit-simple
• @tanstack/form-example-lit-ui-libraries
• @tanstack/form-example-react-array
• @tanstack/form-example-react-compiler
• @tanstack/field-errors-from-form-validators
• @tanstack/form-example-react-large-form
• @tanstack/form-example-react-next-server-actions
• @tanstack/form-example-react-query-integration
• @tanstack/form-example-remix
• @tanstack/form-example-react-simple
• @tanstack/form-example-react-standard-schema
• @tanstack/form-example-react-tanstack-start
• @tanstack/form-example-react-ui-libraries
• @tanstack/form-example-solid-array
• @tanstack/form-example-solid-simple
• @tanstack/form-example-svelte-array
• @tanstack/form-example-svelte-simple
• @tanstack/form-example-vue-array
• @tanstack/form-example-vue-simple

@tanstack/angular-form

npm i https://pkg.pr.new/@tanstack/angular-form@1422

@tanstack/form-core

npm i https://pkg.pr.new/@tanstack/form-core@1422

@tanstack/lit-form

npm i https://pkg.pr.new/@tanstack/lit-form@1422

@tanstack/react-form

npm i https://pkg.pr.new/@tanstack/react-form@1422

@tanstack/solid-form

npm i https://pkg.pr.new/@tanstack/solid-form@1422

@tanstack/vue-form

npm i https://pkg.pr.new/@tanstack/vue-form@1422

@tanstack/svelte-form

npm i https://pkg.pr.new/@tanstack/svelte-form@1422

commit: c7572f0

[LeCarbonator]

For some reason, refactoring this FormApi check fails horribly. Does someone know why?

- const isFieldsValid = !fieldMetaValues.some(
-           (field) =>
-             field?.errorMap &&
-             isNonEmptyArray(Object.values(field.errorMap).filter(Boolean)),
-         )

+ const isFieldsValid = fieldMetaValues.every(
+          (field) => field === undefined || field.isValid,
+        )

[Pascalmh]

Does this work?

const isFieldsValid = fieldMetaValues
  .filter(Boolean)
  .every((field) => field.isValid)

[LeCarbonator]

No, but it's clear that the meta needs to be adjusted in some places. I'll tinker with it tomorrow.

[LeCarbonator]

It's wild. I added checks wherever field errors or errorMap were tested for and it worked no problem. However, trying to rewrite isFieldsValid to use this boolean fails at 8 locations. I'll have to spend some more time figuring out how store works or something related to that

[LeCarbonator]

Does this work?

const isFieldsValid = fieldMetaValues
  .filter(Boolean)
  .every((field) => field.isValid)

It works now! This code wasn't the problem, but my implementation of isValid.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 88.98%. Comparing base (bfb8c42) to head (c7572f0).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1422   +/-   ##
=======================================
  Coverage   88.97%   88.98%           
=======================================
  Files          31       31           
  Lines        1397     1398    +1     
  Branches      353      353           
=======================================
+ Hits         1243     1244    +1     
  Misses        137      137           
  Partials       17       17           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Balastrong]

That's great, thank you!