validation for Partialview

Question

I have a page that calls a partialview formed by a div with text field inside it, through a button. Each time the button is pressed a line is added. The problem is that I cannot validate the empty fields of this partialview.

I use the @Html.ValidationMessageFor

My View

@model CondicaoPagamentoDiasViewModel

@using (Html.BeginCollectionItem("CondicaoPagamentoDiass"))
{
    <div class="form-group">
        @Html.HiddenFor(model => model.CondicaoPagamentoDiasId)
        <label class="col-md-1 control-label"></label>
        <div class="col-md-10">
            <div class="col-md-1">
                @Html.EditorFor(model => model.Dias, new { htmlAttributes = new { @class = "form-control prazo" } })
                @Html.ValidationMessageFor(model => model.Dias, "", new { @class = "text-danger" })
            </div>
            <div class="col-md-2">
                <img src="@Url.Content("~/Content/img/excluir.png")" onclick="$(this).parent().parent().parent().remove();" style="cursor:pointer;">
            </div>
        </div>
    </div>
}
@{ Html.RenderPartial("_ValidationMaskPartial"); }

Minha Partialview

<div style="margin: 0 0 0 102px;" id="condicoes-pagamento" name="condicoes-pagamento">
                                @if (Model != null)
                                {
                                    foreach (var condicoesPgto in Model.CondicaoPagamentoDiass)
                                    {
                                        @Html.Partial("_CondicoesPagamentoDia", condicoesPgto);
                                    }
                                }
                            </div>

I call her here. I just want to validate her fields like you have on the main page.

Answer 1

I don’t know how you’re doing Viewmodel, but it is necessary to note [Required] in properties that cannot be empty for correct validation:

[Required]
public int Dias { get; set; }

Optionally, you can have Javascript validate the form for you before the POST, by inserting the following in View:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

It is important to force validation on Controller also. This can be done as follows:

if (ModelState.IsValid) { ... }

Answer 2

I researched and found the following solution put in Partialview, on the part of scripts, worked right:

<script type="text/javascript">
        $("form").removeData("validator").removeData("unobtrusiveValidation");
        $.validator.unobtrusive.parse("form");
</script>