验证是否填写了两个表单字段之一？

Question

这两个字段中至少有一个是必填项，如果字段 1 或字段 2 已填写，则发送表单时，只需填写其中一项即可。我正在尝试使用下面的代码执行此操作，但无法正常工作，这仅适用于验证所需的字段 1 (text1)。谢谢！

var field1 = text1;
var field2 = text2;

if (text2.length) {
    if (!field1.length || !field2.length) {
        return false;
    }
} else if (!field1.length) {
    return false;
}

<input type="text" placeholder="text 1*" name="text1" class="text1" data-target="previewText1" maxlength="11">
<input type="text" placeholder="text 2" value="" name="text2" class="text2" data-target="previewText2" maxlength="11">

Answer 1

这是一个简单的情况，即使用 not 运算符对每个长度进行 AND 条件。

if (!field1.length && !field2.length) {
    return false;
}

也就是说如果 field1 为空且 field2 为空则表单无效。

这假定field1 和field2 是字符串值而不是DOM 元素。如果它们是 DOM 元素，那么您需要使用 field1.value.length 和 field2.value.length。

Answer 2

像这样：

var field1 = document.getElementsByClassName("text1").value;
var field2 = document.getElementsByClassName("text2").value;

// Check if one of the fields is not empty
if (field1.length || field2.length) {
        return true;
}
return false;