.Net 8 Blazor: Easy Client-Side Form Validation

[@fyardlest1]

2024 is Blazor Year Baby!🤠 And will be a weapon in my toolbox. Let's keep coding! Thank you for showing us the simplicity Bobby.

[@CoderFoundry]

For sure. Keep at it.

[@bripowered]

I love it. I can't wait to start working with Blazor.

[@CoderFoundry]

It's really cool

[@cissemy]

Hi Bobby Do you have any tutorial about adding jquery to Blazor SSR ? Thanks

[@TheLastEmperorXiXinPig]

is it safe to have sensitive data in the code block in blazor apps? or is info in the code {} section exposed in the client's app?

[@10Totti]

Nice Tutorial!

[@codeDotnet]

Can I get this code please? I tried to do the same as you but I could not

[@CoderFoundry]

The repo is now link in the description

[@Mmuzaqi958]

You are a great teacher ❤❤

[@CoderFoundry]

Thank you! 😃

[@parkerwarner8688]

I think there is also a way to change when it validates right? Like you can make it validate with OnKeyDown or something rather than when it goes out of focus of the input. I could be wrong. Great vid tho!

[@CoderFoundry]

Out the box blazor validates on lost focus and on form submit. There are other events like onchange we could maybe hook in to. But it's not standard but I'm sure it can be built.

[@azulvilla10]

Awesome! very good explained 💯😃

[@CoderFoundry]

Glad it was helpful!

[@dano7291]

Is this achieved purely with SSR ? I cannot reproduce this behaviour without interactive mode (either server or webassembly), so just wanted to know if there is something I am missing. Thanks for the video though!

[@CoderFoundry]

Yes, this was done with wasm. For SSR, you would need to submit the form, and you would see the validations.

[@ManInTheFridge]

Rough idea but from here just have any form classes implement IForm or something then turn that component into a generic one that can accept any type that implements IForm and build the form dynamically then you got a single component for any form in your app, validation built in and all.

[@CoderFoundry]

I'm sure you can.

[@brianking8883]

This is nice feature.

[@CoderFoundry]

It really is.

[@MohammadKomaei]

How to prevent sending a request to the server when the EditForm is not valid and validation occur on browser too.

[@CoderFoundry]

There is an event on valid submit. You can submit the form only if it is valid

[@MohammadKomaei]

@@CoderFoundry If you use OnValidSubmit the form submits and validations executes on the server you can see this on network tab of browser inspect. I want to execute validation on browser like unobtrusive javascript in mvc template.

[@_miranHorvat]

How to internationalize this validators?

[@CoderFoundry]

It's a little more involved. You would create custom attributes that would look up message values.

[@JawStix]

Having my first interview tomorrow .. please which me good luck

[@CoderFoundry]

Good luck! You got this

[@JtendraShahani]

Is the image AI generated? If it is, then can you tell me how you did that. Awesome video.

[@CoderFoundry]

The image is generated. I used Stability ai. I'm glad you liked the video.

[@JtendraShahani]

@@CoderFoundry Sorry, but can you please share the prompt if possible. Thank you

[@CoderFoundry]

I did not keep the actual prompt. But was something like " A Woman customer service representative working at her computer. She is looking at the camera styled has a comic book art.

[@codeDotnet]

Can I get this code please? I tried to do the same as you but I could not

[@CoderFoundry]

We updated the description with a link for the repo.

[@codeDotnet]

@@CoderFoundry I cannot reward you for everything, but I will say thank you very much. Best regards