Fonction ne fonctionne pas lors du passage de deux paramètres

Question

J'ai cette fonction qui vérifie si un champ de texte est vide par son id, il fonctionne bien en passant un paramètre, mais en passant deux pour deux champs de texte, il ne fonctionne pas, bien que Je l'ai configuré la même chose! Y at-il un problème avec mon code?

Vous pouvez le vérifier en direct ici: https://jsfiddle.net/hrtkLfrv/1/

Category: <input type="text" size="15" id="category_add2"> 
Link: <input type="text" size="15" id="link_add2"> 
<input type="submit" value="Check Two IDs" onclick=CheckTwoID("category_add2", "link_add2")> 

function CheckTwoID(txtLink, txtCategory) { 
     if (document.getElementById(txtLink).value == "" || document.getElementById(txtCategory).value == "") { 
      window.alert("Empty Fields!"); 
      //Exit! 
     } 
    } 

Answer 1

Le problème est de savoir comment vous liez à votre onclick:

Au lieu de:

onclick=CheckTwoID("category_add2", "link_add2") 

Vous devriez plutôt écrire:

onclick="CheckTwoID('category_add2', 'link_add2')" 

Answer 2

Vous avez besoin de citations autour des champs d'attributs.

<input type="submit" value="Check Two IDs" onclick="CheckTwoID('category_add2', 'link_add2')"> 
<!--            ^         ^--> 
<!--               ^   ^^  ^ --> 

Et je suggère d'utiliser les tiques simples pour le paramètre intérieur