为什么Parsley用display：none验证字段？

Question

我正在使用欧芹来验证表单，因此我尝试进行设置，因此当您单击下一个按钮时，除非正确填写了当前页面，否则无法更改页面。 但是，它使用style =“ display：none;”来验证div中包含的字段。

这是一个领域的例子

<div class="hidden tab" id="notAlwaysManitoban">
  <div class="field">
    <label for="residencybeforecanada">Where was your residency before your arrival in Manitoba? </label>
    <input type="text" name="residencybeforecanada" id="residencybeforecanada" data-parsley-required="true" data-parsley-required-message="Please enter where you lived before arriving in Manitoba">
  </div>
  <div class="field">
    <label for="arrivalInManitobaDate">Date of arrival in Manitoba (MM-YYYY)</label>
    <input type="text" name="arrivalInManitobaDate" id="arrivalInManitobaDate" class="dateChooserMY" placeholder="MM-YYYY" maxlength="7" data-parsley-required="true" data-parsley-validyear data-parsley-required-message="Enter date with the format MM-YYYY.">
  </div>

无论如何，让欧芹忽略具有style =“ display：none;”的div。 全部一起？

Answer 1

您只需要在input上添加data-parsley-excluded="true" 。

data-parsley排除的＃2.1 | 如果设置为true ，则在绑定表单时，Parsley将忽略此字段。

https://parsleyjs.org/doc/index.html#usage-field