Creating Forms with Validation | Blazor Tutorial 7

Hello everybody I'm Nick and in this Blazor tutorial I will talk about Blazor's built in form component and the way we can introduce validation in those forms. We will be talking about the built in functionality only and I won't be talking about Fluent Valuation or any other framework. We will be using attributes via the DataAnnotations namespace. Once we are done with this video you will be able to create awesome forms in your Blazor Single Page Applications.

Don't forget to comment, like and subscribe :)

Social Media:

#blazor #tutorial #jsinterop

[manofqwerty]

Company is moving over to Blazor for their new applications so this is very helpful for getting a head start!

[thebig]

Hi Nick...Great video. Another vote for a follow up on hooking up Fluent Validation!

[Epochdk]

Greatly appreciate these small tutorials. Great introduction into Blazor. Please do a follow-up with FluentValidations :-) Cheers

[talkathiriify]

Mr. Chapsas
Thank you very much for your effort on this series.
Could you kindly please do a CRUD on Blazor server
Cheers body

[Neolisk]

Great video. Lots of knowledge in 20min. Please do more. Thanks.

[luismendez]

Excellent, just what I needed. thanks

[nstohler]

Great video! Thanks. Here's an idea for an advanced version: dynamically enable/disable the submit button depending on the total form validation state.

[TeunSegers]

This is excellent. Easy to follow. Practical examples. Doesn't use some hidden feature that is not part of the video. Please keep it up!

[angeloangeloqquiambao]

This is a great tutorial. Does Blazor support custom validation using DataAnnotation and not FluentValdation?

[acousticbrothers]

First of all I'm a huge fan! :) Are you planning to do some advanced tutorials in the future?

[KergalD]

Great video ! Though, I prefer the below syntax much more than the complex explicit Callback syntax in your video. The out of box 2way binding is much shorter and gives the same effect. This is helpful in case you have some length limitation somewhere and you want to indicate how many characters are still left - no need for additional variables.

<input @bind="some" @bind:event="oninput" type="text" />

[hassanesilverlight]

Thank you Nick, you did good job. can you make a video on InputSelect component validation with an integer ID .I have an issue with that, and it seams it a bug in Blazor.

[denisr.]

and then i want to make Option Input from the list that i get from database
<div class="form-group col-md-2">
<label for="Anrede"
<InputSelect id="Anrede" class="form-control" @bind-Value="pers.Anrede">
<option value="">-- Auswahl --</option>
{

}*@
</InputSelect>
<ValidationMessage For="@(() => pers.Anrede)" />
</div>
and now here is the Problem i cant use this list cuz the table dont know its exist what is the best solution for it

[dmatter]

Hi why would I get this error for salary expectation and a similar for the 'InputDate' availability?

Severity Code Description Project File Line Suppression State
Error The type of component 'InputNumber' cannot be inferred based on the values provided. Consider specifying the type arguments directly using the following attributes: 'TValue'.

[markcain]

I am enjoying the series! Can you maybe do a followup series using Blazor WebAssemby project type with the App ASP.NET Core hosted checked (a checkbox below Advanced on the Create a new Blazor app screen.) It appears that you would us the blazor server like an api with a webassemby front end and a shared project for things like your models, but that is just my speculation... Thx!

[Rodrick.]

Thanks for the vid!
I have used .Net for a few years now, but always as a backend API, have never tried MVC or Razor, less Blazor.
My question is, do I start straight into Blazor? or first MVC ?

Another thing, to my knowledge Blazor replaces the front end App like Angular, but there is still the backend, does that count as razor pages here? Is blazor really razor + frontend razor?

[marianf]

Is there a reason you use js interop instead of just binding a property to the jsonresult span?

[yuriysultanov]

why use factory? What prons and cons vs
public async Task args)
as method in object?

[dg_dotnet]

Hi I'm having issues with jsruntime "jsruntime does not exist on current context " ? I have checked multiple * .. can you help me please?

[kylehofmeister]

Hi Folks, I'm a hobbyist who's been working with Javafx and Scenebuilder but I recently got interested in C#, web apps and the sort. I'd like to work with stuff like this, not having to learn JS is a huge plus for me. I was wondering if you could use the designer in Visual Studio to design your GUI for web apps similar to how i use java and scenebuilder for the small apps I build for my company. I've been watching videos and learning this stuff slowly but for a while now and haven't seen anyone do it yet. I'm manly asking because while I can understand HTML and JS to a degree, I can't write it and I don't really have the time to learn 2 more languages alongside learning C#. Thanks for any input :) !