2つの入力テキストが1つのサブミットしか許可されていない

Question

私は現在、これらの2つの入力テキストフィールドに異なる検索機能を持たせています。どの入力に応じて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

lengthプロパティの前に 'value'を追加する必要があります。したがって、たとえば 'searchGroup.value.length'にする必要があります。