两个输入文本，只允许一个提交

Question

我目前有这两个具有不同搜索功能的输入文本字段，我正在尝试使其在 onclick -event 之后只能通过 1 个搜索功能，具体取决于哪个输入字段为空。

HTML;

<form onsubmit="return false" id="searchForm">
    <input type="text" id="searchGroup" placeholder="Search group" autocomplete="off">
    <input type="text"id="searchRoom" placeholder="Search room" autocomplete="off">                                                   
</form> 

<div id="navBtns">
    <button type="button" class="navForward" id="plus" onclick="forward();"></button>
    <button type="button" class="navBackward" id="minus" onclick="backward();"></button>                                                                                                                                                                                                                      
</div>

这是我在 JavaScript 中尝试过的，但我无法让它工作；

function forward() {
    if (searchGroup.length === 0) {
        roomForward();
    } else if (searchRoom.length === 0) {
        groupForward();
    }
}

function backward() {
        if (searchGroup.length === 0) {
            roomBackward();
        } else if (searchRoom.length === 0) {
            groupBackward();
        }
    }

所以，想法是当文本输入searchGroup为空时，它只在searchRoom有一些输入时执行函数，反之亦然。

有什么快速有效的方法可以解决这个问题？

Answer 1

您需要在长度属性之前添加“值”。所以它应该是 'searchGroup.value.length' 例如。