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

Question

我目前有这两个具有不同搜索功能的输入文本字段，我正在努力做到这一点，以便在 onclick 事件之后只能通过 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”。