MVC: call ajax script after check ModelState in controller?

Hello if i wnat to call the following script after check the ModelState property in the controller in order to ensure validation, how can i implment this :

The url is calling an api that will check if the usernam and password matches those in database.

the view also contatin beginForm that will be associated to action in controller to check ModelState:

@using (Html.BeginForm("LoginProcess", "Login"))
{
class="container">
class="row">
class="col-md-6 col-md-offset-3 alert alert-warning">
class="row">
class="col-md-12">
class="form-group">
@Html.LabelFor(c => c.Customers.Name)
@Html.TextBoxFor(c => c.Customers.Name, new { @class = "form-control" })
@Html.ValidationMessageFor(c => c.Customers.Name)

class="form-group">

@Html.LabelFor(c => c.Customers.Password)

@Html.TextBoxFor(c => c.Customers.Password, new { @class = "form-control" })

@Html.ValidationMessageFor(c => c.Customers.Password)

@Html.AntiForgeryToken()

"Submit" class="btn btn-primary">Save

As you are not using Ajax Helper methods provided by the asp.net mvc framework and are manually sending an ajax call, you need to validate the form data yourself either on client side or server side,

you can check if form is valid by after preventDefault() call in your code like:

var $form = $this.closest('form');
if($form.valid()) {
//Ajax call here
}

please see the following thread which contains both client side and server side validation procedure:

http://stackoverflow.com/questions/14005773/use-asp-net-mvc-validation-with-jquery-ajax

Hope it helps!

Yes i enabled the ClientValidationEnabled and UnobtrusiveJavaScriptEnabled and i include

jquery.validate.unobstrusive and jquery.validate in the bundle of jquery.

but nothing happens when i click on the button without filling the boxes the ajax script is called, no validation occur!?

Hi Fares Ayyad

First of all thanks for post question in well format. Do you have ClientValidationEnabled and UnobtrusiveJavaScriptEnabled as true in Web.config? You also need jquery.validate and jquery.validate.unobstrusive. Check below link

https://www.codeproject.com/articles/718004/asp-net-mvc-client-side-validation

https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions/creating-a-mvc-3-application-with-razor-and-unobtrusive-javascript

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ehsan Sajjad9y ago
As you are not using Ajax Helper methods provided by the asp.net mvc framework and are manually sending an ajax call, you need to validate the form data yourself either on client side or server side,

you can check if form is valid by after preventDefault() call in your code like:
var $form = $this.closest('form');
   if($form.valid()) {
       //Ajax call here
   }
please see the following thread which contains both client side and server side validation procedure:

http://stackoverflow.com/questions/14005773/use-asp-net-mvc-validation-with-jquery-ajax

Hope it helps!
+3
Fares Ayyad9y ago
Yes i enabled the ClientValidationEnabled and UnobtrusiveJavaScriptEnabled and i include
jquery.validate.unobstrusive and jquery.validate in the bundle of jquery.
but nothing happens when i click on the button without filling the boxes the ajax script is called, no validation occur!?
+1
Joginder Banger9y ago
Hi Fares Ayyad
First of all thanks for post question in well format. Do you have ClientValidationEnabled and UnobtrusiveJavaScriptEnabled as true in Web.config? You also need jquery.validate and jquery.validate.unobstrusive. Check below link

https://www.codeproject.com/articles/718004/asp-net-mvc-client-side-validation

https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions/creating-a-mvc-3-application-with-razor-and-unobtrusive-javascript
+2