禁用输入字段时欧芹表单不验证

Question

我有一个按钮可以启用或禁用表单中的输入字段。 无论字段是启用还是禁用，都可以提交表单。 Parsley 在启用字段时正确验证，但在禁用字段时不验证。

<form class="user-form">
  <div class="form-group row mb-3 d-flex align-items-center">
    <label class="control-label col-md-3 text-end">First Name</label>
    <div class="col-md-9">
      <input
        type="text"
        class="form-control"
        id="firstName"
        name="firstName"
        data-parsley-required="true"
        disabled
      />
    </div>
  </div>
  <div class="form-group row mb-3 d-flex align-items-center">
    <label class="control-label col-md-3 text-end">Last Name</label>
    <div class="col-md-9">
      <input
        type="text"
        class="form-control"
        id="lastName"
        name="lastName"
        data-parsley-required="true"
        disabled
      />
    </div>
  </div>
</form>
<button type="button">Submit</button>

我有一个验证 function，它接受一个表单元素并像这样验证。 $form.parsley().whenValidate()我传入表单元素的地方。 启用输入时我得到正确的行为，但禁用输入时没有验证错误。 我还发现，如果我分别验证各个输入元素（firstName，lastName），那么即使它们被禁用，我也会得到正确的行为。

我可以再次手动启用所有字段并在有人提交后进行验证，但是有更好的解决方案吗？ 我正在使用解析版本 2.9.1

Answer 1

此行为是设计使然。

disabled的输入不会在表单提交时发送，因此不需要验证。 此外，它们被禁用的事实会阻止用户修改它们，因此如果它无效，用户将无能为力。