jquery - "Either or"验证具有相同错误消息的多个输入

Question

我的表单有四个字段。我需要:
- 如果至少填充一个字段，则验证成功
- 对所有字段使用相同的错误“请输入电话或电子邮件”

下面的代码不能在偶然的基础上工作 - 所有字段都是单独验证的，即使我使用该函数一次检查所有字段。我做错了什么？

var rule = function (el) {
//return                                        <-- old
  return (                                    //<-- new
    ($("#CustomerEmail").val() === "") &&
    ($("#CustomerMobile").val() === "") &&
    ($("#CustomerWork").val() === "") &&
    ($("#CustomerHome").val() === "")
  //;                                         <-- old
    );                                      //<-- new
  };

$("#CustomerEmail").rules("add", { required: rule });
$("#CustomerMobile").rules("add", { required: rule });
$("#CustomerWork").rules("add", { required: rule });
$("#CustomerHome").rules("add", { required: rule });

更新:

结果证明我的代码没问题，但是 return 单独占一行，这使得 JS 爆炸。

仍然想知道如何将单个错误消息附加到组，而不是在验证失败时显示四个错误。

Answer 1

validation to succeed if at least one field is populated

仅当所有字段都有值时，您的规则才会成功(因为您使用的是 AND 运算符)。如果一个就足够了，请使用 OR 运算符

var rule = function (el) {
  return
    $("#CustomerEmail").val() ||
    $("#CustomerMobile").val() ||
    $("#CustomerWork").val() ||
    $("#CustomerHome").val();
  };