IF 语句中的 jQuery OR 运算符检查任一文本字段是否为空

Question

我有一个简短的 jQuery 代码，试图检查任何一个文本字段是否为空。如果 either 为空，则不会提交表单。不幸的是，它仅在两个文本字段均已填写时才提交。如果我使用 AND 运算符，应该会发生这种情况，但我使用的是 OR 运算符。有什么解释？

表单域

<form method="post"
      name="customerData"
      action="ccavRequestHandler.php"
      id="merchantFORM"
      role="form">

      <!-- New item -->
      <div class="col-sm-6">
          <div class="form-group mb-4">
              <h6>Passport</h6>
              <input class="form-control" id="paspatou" type="text" name="merchant_param4" />
          </div>
      </div>

      <!-- New item -->
      <div class="col-sm-6">
          <div class="form-group mb-4">
              <h6>Unique ID Number</h6>
              <input class="form-control" id="urno" type="text" name="merchant_param3" />
          </div>
      </div>

文本字段 id 名称为“paspatou”和“urno”。

我还在检查其中一个单选按钮是否被选中，并且工作正常，因为我必须检测捐助者是本地还是外地。唯一的问题是检测到只需要填写一个字段，而不是两个。

if ($("input[name='donationfrom'][value='no']").prop("checked")) {

    $("#merchantFORM").on('submit', function (e) {
        if ($("input[name='donationfrom'][value='no']").prop("checked")) {
            if (($("#paspatou").val().length <= 0) || ($("#urno").val().length <= 0)) {
                alert("Please fill either Passport or Unique ID Number");
                return false;
            }
        } else {
            return true;
        }
    });

Answer 1

您应该更改内部 if 语句中的代码。你实际上需要 && 因为你想在两个字段都为空时显示警报。

if (($("#paspatou").val().length <= 0) && ($("#urno").val().length <= 0)) {
    alert("Please fill either Passport or Unique ID Number");
    return false;
}

其他解决方案，如果您想保留 OR 逻辑，请像这样更改您的代码：

  $("#merchantFORM").on('submit', function (e) {
    if ($("input[name='donationfrom'][value='no']").prop("checked")) {
        if (($("#paspatou").val().length > 0) || ($("#urno").val().length > 0)) {
            return true;
        }

        alert("Please fill either Passport or Unique ID Number");
        return false;
    } else {
      return true;
    }
  });