兩個只有一個輸入文本提交允許

我目前有不同的搜索功能，這兩個輸入文本字段，我試圖讓這個只有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有一定的輸入，反之亦然。

有快捷和有效的方式，我可以解決這個問題？

來源

2017-08-29 IlariM

你聲明'searchGroup'和'searchRoom'作爲元素地方？你不能只是'id.property'，你需要使用id來獲取元素，並執行'element.property'。另外，你不需要元素的長度，你需要它的長度值：'element.value.length'。 – Santi

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

@Santi'你不能只是做id.property'其實你可以在大多數瀏覽器與所有元素的'id'放在爲下'window'性能。雖然我同意這不是很好的做法 –

你需要的長度屬性之前增加「價值」。所以它應該是'searchGroup.value.length'例如。

來源

2017-08-31 10:33:10 Avisho

兩個只有一個輸入文本提交允許

回答

相關問題