我会监听这两个函数并创建一个getContent函数，它负责创建格式化的内容

const getContent = (v1,v2) => "Partner IN (" + v1 + (v2 && v1 ? "," : "") + v2 + ")";

document.getElementById("p1").addEventListener('blur', () => {
    console.log(getContent(document.getElementById("p1").value, document.getElementById("p2").value))
});
document.getElementById("p2").addEventListener('blur', () => {
    console.log(getContent(document.getElementById("p1").value, document.getElementById("p2").value))
});

这里有一个例子在这个小提琴：https://jsfiddle.net/o1cwb6th/

这是一个很好的例子，说明数组和它们的方法可以很好地工作。将这些值分别提交到数组中，然后将它们连接到一个逗号分隔的字符串中。

const partnerValues = [];
    if (document.getElementById("p1").value.trim() != "") {
      partnerValues.push(document.getElementById("p1").value.trim());
    }
    if (document.getElementById("p2").value.trim() != "") {
      partnerValues.push(document.getElementById("p2").value.trim());
    }

    ep = `Partner IN (${partnerValues.join(",")})`;

编辑：我不知道答案被标记为已解决，对不起...不管怎样...
我看到你的评论：
代码如果我有p1和p2都有值，但我最终改变了p1的值，我没有得到p1和p2的更新值
所以有一个想法来避免这种情况，但我使用keyup事件。

window.addEventListener("DOMContentLoaded",run);
    var partnerValues0,partnerValues1;
    var p1, p2;
    function run(e){
        ep = document.getElementById("ep"); 
        p1 = document.getElementById("p1");
        p2 = document.getElementById("p2");
        p1.addEventListener("keyup",fillForm);
        p2.addEventListener("keyup",fillForm);
    }
    function fillForm(e){
        if (document.getElementById("p1").value.trim() == ""){
            ep.textContent = "field 1 is required";
        }else{
            partnerValues0 = "";
            partnerValues0 = document.getElementById("p1").value.trim();
            partnerValues1 = "";
            partnerValues1 = document.getElementById("p2").value.trim();
                if (document.getElementById("p1").value.trim() != ""){
                    ep.textContent = `Partner IN (${partnerValues0})`;
                }
                if (document.getElementById("p2").value.trim() != ""){
                    ep.textContent = `Partner IN (${partnerValues0}, ${partnerValues1})`;
                }
            }
        
    }

<div>
  <input id="p1" type="text" value="" />
  <br>
  <br>
  <input id="p2" type="text" value="" />
</div>
<div>
    <p id="ep">field 1 is required</p>
</div>

我假设您希望仅在#p1收到blur事件后才激活#p2的侦听器。但是您当前的代码是每当#p1接收到blur事件时向#p2添加一个新的侦听器。
相反，您可以始终连接侦听器，但在#p1不包含值的情况下提前返回：

let ep;
document.getElementById("p1").addEventListener("blur", () => {
  ep = "Partner IN (" + document.getElementById("p1").value + ")";
  console.log(ep);
});
document.getElementById("p2").addEventListener("blur", () => {
  if (document.getElementById("p1").value.length == 0) return;

  if (document.getElementById("p2").value.length == 0) {
    ep = "Partner IN (" + document.getElementById("p1").value + ")";
  } else {
    ep = "Partner IN (" + document.getElementById("p1").value + "," + document.getElementById("p2").value + ")";
  }
  console.log(ep);
});

<input id="p1"><br>
<input id="p2">

也可以将同一个侦听器附加到这两个元素。然后，侦听器可以评估动态添加什么值和多少值。（参见mykaf's answer。）
如果你不想两次添加相同的监听器，你也可以使用事件委托：将相同侦听器添加到公共祖先。

注意：由于blur不会冒泡，所以只能求助于类似的focusout event。