AngularJS and ASP.NET MVC 4 validations

Question

How can I hook my asp.net mvc model validation to angular js? for example I will use ASP.net MVC 4 as WebApi, then for my front.end I will use AngularJS.

Let's see what you've tried and we can help show you where you went wrong — Tom
– Tom, Commented Apr 3, 2014 at 13:50
for example I have Model Person which has a property of FirstName and LastName and this are required field. (Im new in angularJS) in angularJS side, how does validation hook in angularJS without manually rewrite the validation. — abstractOverride
– abstractOverride, Commented Apr 3, 2014 at 14:05
Did you find any concrete samples? we are pursuing the same avenue now but with MVC5... — Vadim K.
– Vadim K., Commented May 16, 2014 at 17:48
@Jk_xp none at the moment what we did is just a duplication of code 1 for client side and other 1 for server side. :) — abstractOverride
– abstractOverride, Commented May 19, 2014 at 3:54

Beyers · Accepted Answer · 2014-04-04 01:34:56Z

1

You can't use MVC's build-in client side validation in Angular. You will need to use Angular's own validation mechanisms. The up side of this is that you can rely purely on ASP.NET Web Api and not use MVC at all.

answered Apr 4, 2014 at 1:34

Beyers

9,11847 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

abstractOverride Over a year ago

thanks, so what you saying is there's duplication of code. And if I have business logic validation this would be invoke upon post? thanks.

Beyers Over a year ago

Yes, you will have Angular client side validation for stuff like required, min/max length etc. And on server side you still do your full validation using model validation or whatever server-side validation framework you are using. It's not as smoothly integrated as MVC client validation, but very flexible and easy to use.

abstractOverride Over a year ago

Thanks Beyers, hope I can find if there is. a open source, that can integrate ASP.NET MVC and angularJS. And I think it is possible to have that soon.

shannon · Accepted Answer · 2014-09-29 23:41:46Z

0

see: https://github.com/alisabzevari/ngval

<input type="text" name="username" ng-model="user.name" @Html.NgValFor(u => u.RequiredProperty) />

answered Sep 29, 2014 at 23:41

shannon

8,7645 gold badges48 silver badges78 bronze badges

Collectives™ on Stack Overflow

AngularJS and ASP.NET MVC 4 validations

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related