仅当在ASP.NET MVC中可见字段时才需要字段验证

Question

我有一个复选框，您可以在其中隐藏/显示datepicker字段。

但是，当隐藏datepicker字段时，必须没有验证。

这是复选框：

  @Html.CheckBox("showEindDatum", (Request.Form["showEindDatum"] ?? string.Empty).Contains("true"))

这是datepicker：

   @FormGroupHelper.CreateFormGroup(Html, m => m.EindDatum, Html.Kendo().DatePickerFor(m => m.EindDatum).Min(Model.EindDatum.HasValue ? Model.EindDatum.Value : DateTime.Today).Format("dd-MM-yyyy").ParseFormats(new string[] { "ddMMyyyy" }))

此字段的属性看起来像这样：

 [Display(Name = "Einddatum wijziging")]
        [Required(ErrorMessageResourceType = typeof(Messages), ErrorMessageResourceName = "Global_Validatie_VeldVerplicht")]
        public DateTime? EindDatum { get; set; }
 public bool showEindDatum { get; set; }

这是它的jQuery：

if ($('#showEindDatum').prop('checked')) {
            $(".EinddatumDatepicker").show();
            $("#meldingEindDatumCheck").show();
        }
        else {
            $(".EinddatumDatepicker").hide();
            $("#meldingEindDatumCheck").hide();
        }
        $("#showEindDatum").on("click", function ()
        {
            $(".EinddatumDatepicker").toggle(this.checked);
            $("#meldingEindDatumCheck").toggle(this.checked);
        });

所以我必须更改什么，当datepicker字段隐藏时没有验证？

谢谢

所以你的意思是：

 $.validator.setDefaults({ ignore: null });
        if ($('#showEindDatum').prop('checked')) {
            $(".EinddatumDatepicker").show();
            $("#meldingEindDatumCheck").show();
            $("#geenEinddatumIngevuld").hide();
        }
        else {
            $(".EinddatumDatepicker").hide();
            $("#meldingEindDatumCheck").hide();
            $("#geenEinddatumIngevuld").show();
        }
        $("#showEindDatum").on("click", function () {           
            $(".EinddatumDatepicker").toggle(this.checked);
            $("#meldingEindDatumCheck").toggle(this.checked);
            $("#geenEinddatumIngevuld").toggle(this.checked);
        });

这不起作用。

，但表格也具有帖子方法，类似：

using (Html.BeginForm("Formulier", "PersoneelsDossier", FormMethod.Post, new { @id = "PDForm", name = "PDForm" }))
}

你的意思是这样：

 $(document).ready(function () {
        //$("#PDForm").data("validator").settings.ignore = ".ignore, :hidden";     
        if ($('#showEindDatum').prop('checked')) {
            $(".EinddatumDatepicker").show();
            $("#meldingEindDatumCheck").show();
            $("#geenEinddatumIngevuld").hide();
        }
        else {
            $(".EinddatumDatepicker").hide();
            $("#meldingEindDatumCheck").hide();
            $("#geenEinddatumIngevuld").show();
        }
        $("#showEindDatum").on("click", function () {           
            $(".EinddatumDatepicker").toggle(this.checked);
            $("#meldingEindDatumCheck").toggle(this.checked);
            $("#geenEinddatumIngevuld").toggle(this.checked);
        });
        $.validator.setDefaults({ ignore: null });
 });

你的意思是这样：

$.validator.setDefaults({ ignore: null });
        if ($('#showEindDatum').prop('checked')) {
            $(".EinddatumDatepicker").show();
            $("#meldingEindDatumCheck").show();
            $("#geenEinddatumIngevuld").hide();
        }
        else {
            $(".EinddatumDatepicker").hide();
            $("#meldingEindDatumCheck").hide();
            $("#geenEinddatumIngevuld").show();
        }
        $("#showEindDatum").on("click", function () {           
            $(".EinddatumDatepicker").toggle(this.checked);
            $("#meldingEindDatumCheck").toggle(this.checked);
            $("#geenEinddatumIngevuld").toggle(this.checked);
        });

不起作用

Answer 1

默认情况下，jQuery validate忽略了隐藏的字段，宽度和高度为零的元素，具有CSS的元素显示：无和任何具有无形父的元素(使用相同的标准(。

但是，可以通过添加以下脚本

来覆盖忽略设置

// By default validator ignores hidden fields.
// change the setting here to ignore nothing
$.validator.setDefaults({ ignore: null });