How to properly return custom server-side form error(s)?

Wappler General Need Help
1

Hi,

I’m building a form to allows the user to change the password. One of the fields is the current password, which can’t be validated client-side.

I’m validating the password server-side (Server Action), and if the password is wrong, I’m currently returning a Response 401 (Unauthorized).

However, I’m not sure if this is the correct way to transmit a server-side form error. Surely, there must be a better way to automatically make the client highlight the field that failed validation, right?

Screenshot
Screenshot562×672 38.8 KB

2

You can check the status of your form and display an error or toggle error classes on the form inputs when 401 is returned.

3

How can I grab the message the 401 returns? I set a custom message in the Response server action saying “Invalid password”

I tried lastError.message, but it says the generic “Unauthorized”

Edit: Never mind! lastError.response works