onServerValidate example lacking other patterns.

I don't understand why we have formErrors.map but on onServerValidate but the example only returns 1 error message.

const serverValidate = createServerValidate({
  ...formOpts,
  onServerValidate: ({ value }) => {
    if (value.age < 12) {
      return 'Server validation: You must be at least 12 to sign up'
    }
  },
})

const serverValidate = createServerValidate({
  ...formOpts,
  onServerValidate: ({ value }) => {
    if (value.age < 12) {
      return 'Server validation: You must be at least 12 to sign up'
    }
  },
})

   {formErrors.map((error) => (
        <p key={error as string}>{error}</p>
      ))}

   {formErrors.map((error) => (
        <p key={error as string}>{error}</p>
      ))}

Is there a way to output it in a field? It would be great to have an example where we validate each field in server validation and then output the field errors.

An example also with standard schema validate with custom db validation logic.

TanStack•11mo ago•

10 replies

full-green

onServerValidate example lacking other patterns.

I don't understand why we have formErrors.map but on onServerValidate but the example only returns 1 error message.

const serverValidate = createServerValidate({
  ...formOpts,
  onServerValidate: ({ value }) => {
    if (value.age < 12) {
      return 'Server validation: You must be at least 12 to sign up'
    }
  },
})

const serverValidate = createServerValidate({
  ...formOpts,
  onServerValidate: ({ value }) => {
    if (value.age < 12) {
      return 'Server validation: You must be at least 12 to sign up'
    }
  },
})

   {formErrors.map((error) => (
        <p key={error as string}>{error}</p>
      ))}

   {formErrors.map((error) => (
        <p key={error as string}>{error}</p>
      ))}

onServerValidate example lacking other patterns.

onServerValidate example lacking other patterns.

Similar Threads