.Net 8 Blazor: Easy Client-Side Form Validation

See how simple it is to implement client-side form validation with Blazor.

Get the repo

👨‍🏫 Self-Paced .NET Bootcamp Course
(Includes FREE courses)

🙌 Support the channel and become a channel member

📖 Buy the Book: Breaking the Code

👕 Grab some CF merch

🗣 Join us on Discord

👓 Buy the blue light blocking glasses we use at CF. Pixel Eyewear Glasses ($5 off with coupon code CODERFOUNDRY)

💻 How to get your first coding job

🎥 The equipment we use at Coder Foundry

DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, we’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for your support!

[fyardlest]

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.

[codeDotnet]

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

[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?

[MohammadKomaei]

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

[cissemy]

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

[codeDotnet]

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

[dano]

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!

[JawStix]

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

[parkerwarner]

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!

[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.

[bripowered]

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

[_miranHorvat]

How to internationalize this validators?

[JtendraShahani]

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