Deux textes d'entrée avec un seul envoi autorisé

Question

J'ai actuellement ces deux champs de texte d'entrée avec différentes fonctions de recherche et j'essaie de faire en sorte qu'une seule fonction de recherche puisse passer après un onclick -event, en fonction de quelle entrée le champ est vide.

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> 

C'est ce que j'ai essayé en JavaScript, mais je n'arrive pas à le faire fonctionner;

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(); 
     } 
    } 

Donc, l'idée est quand la saisie de texte searchGroup est vide, il exécute la fonction lorsque searchRoom a une entrée et vice versa.

Des moyens rapides et efficaces que je pourrais résoudre ce problème?

Answer 1

Vous devez ajouter 'value' avant la propriété length. Cela devrait donc être "searchGroup.value.length" par exemple.