Data Annotations / Validation not working for partial views

Question

I have some partial views loaded at runtime, based on user input.

$("#Categories").change(function () {
        $.ajax({
            url: "/Product/Create" + $("#Categories option:selected").text().replace(/\s+/, ""),
            type: "Get"
        }).done(function (partialViewResult) {
            $("#partialDiv").html(partialViewResult);
        });
    });

The POCO's that are used in the view model are decorated with data annotations, but they are not triggered.

The partial views each contain a form (Html.BeginForm()).

I guess I'm doing something wrong, but not sure what. Any advice greatly appreciated.

Answer 1

Just Include JS files i.e Jquery Unobtrusive js file in your Partial View also then it work fine ,some times this problem comes in partial view in asp.net mvc.

Just include this js file in your Partial View also :

<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

------------------OR try this in Partial View--------------------------

$.validator.unobtrusive.parse($("form"));

Answer 2

try this if you are appending form in html

var formid = $("#frmAddProduct");
formid.unbind();
formid.data("validator", null);
$.validator.unobtrusive.parse($("#frmAddProduct"));

OR use in partial view on document ready

$.validator.unobtrusive.parse($("form"));