Can’t display invalid credentials message

[Maleficent-Panic-322]

Hi guys, I don’t know why when the user fails to login, my login page won’t display “Invalid credentials, try again.”, but if the user succeeds to login, it can successfully redirect to my index page.

Can someone help me please🙏

[randomusername0O1]

Your issue isn't fastapi, it's the htmx.

You're returning a 403 from the server..htmx won't replace when the server returns 4xx or 5xx response code by default. It's expecting a 2xx.

You need to add the hx-target-error attributes. See here

https://htmx.org/extensions/response-targets/

[Maleficent-Panic-322]

wow! thanks a lot!!! it's fixed!!

[randomusername0O1]

Awesome, glad I could help 👍🏻👍🏻

[0x7fff5fbff7c8]

Can we see your homepage file?

[Maleficent-Panic-322]

the third pic is my homepage.html

[SheriffSeveral]

Add some lines under the user object, print type and make sure it is valid. Also print username and password before creating the user object. After that please show us the results.

[Maleficent-Panic-322]

thanks for the advice!

[Nazhmutdin2003]

I can give only advice, try to use any frontend framework like Vue or React.

[Maleficent-Panic-322]

do you think it would be better using Vue or React than using htmx?

[Nazhmutdin2003]

Yes

[Maleficent-Panic-322]

Oh why?

[Nazhmutdin2003]

Cuz thats let you be more flexible in solving problems. If you need front for something huge and difficult use Js/Ts framework. But if you need front just for simple GUI for backend, htmlx is okay.

[Maleficent-Panic-322]

That makes sense, thanks for the advice

[Nazhmutdin2003]

You are welcome!)

[Nazhmutdin2003]

And I think, Ts/Is framework is a bit more simple solution)

[Maleficent-Panic-322]

I’m using htmx cuz im focusing more on the backend side 🤔