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

问题描述：

我目前有不同的搜索功能，这两个输入文本字段，我试图让这个只有1个的搜索功能可以在onclick -event之后经历，这取决于输入字段为空。两个只有一个输入文本提交允许

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有一定的输入，反之亦然。

有快捷和有效的方式，我可以解决这个问题？

你声明'searchGroup'和'searchRoom'作为元素地方？你不能只是'id.property'，你需要使用id来获取元素，并执行'element.property'。另外，你不需要元素的长度，你需要它的长度值：'element.value.length'。 – Santi

你需要使用'searchGroup.value.length'。 –

@Santi'你不能只是做id.property'其实你可以在大多数浏览器与所有元素的'id'放在为下'window'性能。虽然我同意这不是很好的做法 –

答

你需要的长度属性之前增加“价值”。所以它应该是'searchGroup.value.length'例如。

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

相关推荐