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

时间:2017-08-29 14:13:31

标签: javascript jquery html forms input

我目前有这两个输入文本字段具有不同的搜索功能,我试图使其只有一个搜索功能可以在onclick - 事件之后进行,具体取决于哪个输入字段是空。

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有一些输入时执行函数,反之亦然。

我能解决这个问题的任何快速有效的方法吗?

1 个答案:

答案 0 :(得分:1)

您需要添加&#39; value&#39;在长度属性之前。所以应该是&#39; searchGroup.value.length&#39;例如。