display async messages coming from backend system

A often use case is to register/login users. Sometimes we need to display error messages like “Invalid Password” or something else, coming from a backend system. It would be nice, if i can use svelte-use-form to display these errors too, maybe like this:

function submit() {
   login(email, password)
      .then(() => { // do something with the response })
      .catch(e => {
         if (e.message.includes("Invalid Password")) {
            form.email.errorMap = "Wrong Password, please try again"
         }
      })
}

I don’t know to what extent it is possible to store error messages in the ErrorMap that are not assigned to a validator. However, this error could then be displayed via this code dynamic:

Object.values($form.email.errors)[0]

I know the goal of this repo is to be easy to use. Nevertheless I would be happy if we could find a way to cover this use case.

[noahsalvi]

Haha yes I’ve worked with flutter but at the moment I’m kind of busy with work and soon I’ll also be starting my studies 😬 If anything changes I’ll get in touch

[noahsalvi]

This is now supported in 2.3.0

$form.controlName.error({ errorName: "Some text" });