将 jQuery 验证插件中的验证方法与“或”相结合代替“和”

Question

在 jQuery 验证插件中，有几个方法可以执行相同的操作，但针对不同的区域设置，例如 dateISO 和 dateDE，它们都验证日期格式。如何组合这些以便输入元素接受其中一个？

假设我的表单中有一个 ，并且我希望允许用户在此字段中仅输入日期。但是，我希望允许多种不同的日期格式 - 例如，用户应该能够输入 ISO 日期或 根据德国日期规则格式化的日期。

如果我这样做，

rules: { dateInput: { required: true, dateISO: true, dateDE: true } }

表单将永远有效，因为两种日期格式都需要，并且该要求永远无法满足。有没有办法将它们组合为“或”而不是“和”，而无需编写自己的验证方法？

如果我必须自己编写，我该如何使其尽可能通用？

Answer 1

虽然您可以像 Reigel 那样组合正则表达式，但您也可以直接调用这些方法（以防它们发生变化！），如下所示：

$.validator.addMethod("dateISODE", function(value, element) { 
    return $.validator.methods.dateISO.apply(this, arguments) 
        || $.validator.methods.date.apply(this, arguments); 
}, "Please enter a valid ISO or German date");

现在我有 date 而不是 dateDE在这里，因为在较新版本的插件 dateDE< /code> 已删除。它现在位于 本地化文件 中，该文件仅覆盖 <代码>日期方法。如果您使用的是旧版本，那就没问题，只需坚持使用 dateDE 即可。

您可以在此处尝试演示

---

评论更新： 更通用的表单如下所示this：

$.validator.addMethod("oneOf", function(value, element, params) {
  for(p in params) {
    if(params.hasOwnProperty(p) && 
       $.validator.methods[p].apply(this, [value, element, params[p]]))
      return true;
  }
  return false;
}, "Please enter a valid date");

规则如下所示：

$("form").validate({
  rules: {
    dateFieldName: { oneOf: { dateISO:true, date:true } }
  }
});

您可以在此处尝试演示，这需要任意数量的验证器函数并运行它们，至少有一个必须返回 true 才能成功。

Answer 2

dateISO: function(value, element) {
     return this.optional(element) || /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(value);
},
dateDE: function(value, element) {
     return this.optional(element) || /^\d\d?\.\d\d?\.\d\d\d?\d?$/.test(value);
}

源

让我们结合起来......:)

jQuery.validator.addMethod("dateISOorDE", function(value, element) { 
    return this.optional(element) || /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(value) || /^\d\d?\.\d\d?\.\d\d\d?\d?$/.test(value); 
}, "Please specify the correct date");