asp.net MVC form validation in javascript

Question

I have a page with an ajax form on it. When I press the submit it should load some loading gif. See the following HTML and javascript:

@using (Ajax.BeginForm("ActionName", "ControllerName", null, new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "DivToUpdate" }, new { id = "myForm" })) { @Html.AntiForgeryToken();

@Html.LabelFor(model => model.PagerSize)
    @Html.EditorFor(model => model.PagerSize, new { htmlAttributes = new { @class = "form-control myForm", style = "width:100px" } })
    @Html.ValidationMessageFor(model => model.PagerSize)

<input id = "ajaxFormSubmitButton" type = "submit" />
}

<script>
$("#myForm").submit(function (event) {

           DisplayLoading();

       });

</script>

It works fine until my model is not valid. For example when I have a pagersize outside my range, it keeps on showing my loading gif as the page doesn't load anything else. Is it possible to only load the DisplayLoading when my ModelState.IsValid?

For example something like this:

<script>
$("#myForm").submit(function (event) {
If (MyMagicVariableWhichKnowsMyModelStateIsValid){
           DisplayLoading();
}
       });

</script>

Pls format the question

User3250
– User3250

2017-05-08 12:46:48 +00:00
Commented May 8, 2017 at 12:46 — User3250
– User3250, Commented May 8, 2017 at 12:46

User3250 · Accepted Answer · 2017-05-08 12:48:09Z

4

You can check form is valid as below:

$("#myForm").submit(function (event) {
if ($("#myForm").valid()){
       DisplayLoading();
}
});

answered May 8, 2017 at 12:48

User3250

3,4536 gold badges34 silver badges69 bronze badges

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

2 Comments

1408786user Over a year ago

Thanks, that was exactly what I was looking for.

1408786user Over a year ago

Will do it as soon as it's possible

Collectives™ on Stack Overflow

asp.net MVC form validation in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related