javascript - 欧芹 : custom validation

Question

我正在尝试在 Parsley 中设置自定义验证，以至少填写两个字段之一。

我从欧芹文档的这个例子开始:http://parsleyjs.org/doc/examples/events.html

但这似乎是一个不再起作用的旧示例。

这是我的表单 HTML 代码:

<form id="prestations-search-form" class="navbar-form" role="search" data-parsley-validate>
<label for="search-input">Keywords</label>
<div class="form-group">
    <input type="text" class="form-control" id="search-input" name="search-input" required data-parsley-group="searchText" />
</div>
<div class="form-group">
    <label for="domaines-list">Select a domain</label>
    <select id="domaines-list" class="form-control" name="domaine" required data-parsley-notblank data-parsley-group="searchDomaine">
        <option value="">All domains</option>
        <option value="1">Domain 1</option>
        <option value="2">Domain 2</option>
        ...
    </select>
</div>
<button id="submit-search" class="btn btn-block btn-primary" type="submit">Search</button>

还有我的 JS Parsley 自定义验证:

this.$(this.search_form_selector).parsley().on('form:validate', function (formInstance) {
    if (formInstance.fields[0].isValid() || formInstance.fields[1].isValid()) {
      console.log("My custom validator => OK");
      formInstance.validationResult = true;
      return true;
    }
    console.log("My custom validator => KO");
    formInstance.validationResult = false;
    return false;
});

我确实捕获了“form:validate”事件并且我的回调函数被执行。但是，即使设置 formInstance.validationResult = true; 并返回 true，我也无法验证和提交表单。

缺少文档。我不知道下一步该做什么。

如果满足我的条件，如何验证表单并执行表单提交？如果没有，如何停止提交？

感谢您的帮助。

Answer 1

对于您的问题，我们深感抱歉。我们的许多示例都需要重新设计。

如果验证失败，您应该设置formInstance.validationResult = false。