javascript - 验证文件是否存在

Question

我有一个 JavaScript 函数，用于验证两个文件输入之一是否已填充，但目前我遇到一个问题，即只有两个输入字段都已填充时，验证才会起作用(即错误消息将隐藏) .

为什么我会得到这个？

function validateFileInput() {
    var ownImage = $('#fileField').val();
    console.log(ownImage);
    var defaultImage = $('#defImage').val();
    console.log(defaultImage);

    if (ownImage == "" || defaultImage == "") {
        $('#image_error').addClass('error-message');
        $(".error-message").css('display', 'inline-block');
        return false;
    } else {
        $('#image_error').removeClass('error-message');
        $("#image_error").css('display', 'none');
        return true;
    }
}

在函数运行之前登录到控制台时，我得到

ownImage = ""
defaultImage = ""

然后当我将文件上传到两个字段时，我得到下面的输出并且验证通过

ownImage = "filename.jpg"
defaultImage = "4" // Im passing a data-attribute-id here

而如果我只上传一张图片，则验证失败。如果任一输入字段有上传，我希望验证通过。

Answer 1

如果您希望填充任一个，则if (ownImage == ""|| defaultImage == "") 应该是if (ownImage == ""&& defaultImage == "")

即仅在 x 和 y 为空时显示错误消息。如果其中一个被填充，则继续。