Estoy usando Html.BeginForm para enviar mi formulario y Html.ValidationSummary para validar. Ahora me gustaría realizar una acción en javascript (iniciar una animación de recarga) solo si el formulario se envía correctamente. Mi problema es que la acción se activa incluso cuando la forma de validación no se valida correctamente. ¿Es posible saber si la validación fue exitosa o no?

Aquí está mi código:

 @using (Html.BeginForm("AddRequest", "Manage", FormMethod.Post, new { id="addRequest"})) { <div class="modal-body"> <div>@Html.ValidationSummary(false, "", new { id = "requestValidationSummary" @*onsubmit = "return viewNewRequestLoader()"*@ })</div> <div class="form-horizontal"> <div class="form-group"> @Html.LabelFor(m => m.DateFrom, "Datum od:", new { id = "labelReqDateFrom" }) @Html.TextBoxFor(m => m.DateFrom, new { @class = "date-picker form-control", Value = "", type = "date", id = "requestDateFrom" }) @Html.LabelFor(m => m.DateTo, "Datum do:", new { id = "labelReqDateTo" }) @Html.TextBoxFor(m => m.DateTo, new { @class = "date-picker form-control", Value = "", type = "date", id = "requestDateTo" }) @Html.LabelFor(m => m.Description, "Popis:") @Html.TextBoxFor(m => m.Description, new { @class = "form-control", Value = "", Id = "RequestDescription" }) </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-dismiss="modal">Zavřít</button> <button type="submit" class="btn btn-primary">Potvrdit</button> </div> }

y código js:

 $("#addRequest").submit(function (event) { $('.modal').modal('hide'); $("#ajaxLoader").fadeIn(300); });