Javascript 如何验证促销输入字段？

到目前为止，我已经能够实现一个正常的促销盒应该是什么样子。因此，当您单击文本时，onclick函数将触发并打开输入字段和“应用”按钮，一切正常

我想要实现的是对输入字段的验证，如果该字段为空，并且有人试图单击“应用”按钮。它应该给出一条错误消息，说“您必须输入折扣代码”

有人能帮我吗

$（“#促销代码”）。在（“单击”，函数（）{
$（“#促销代码”）.hide（）；
$（“#促销箱”）.show（）；
$（“#codediv”）.show（）；
$（'.trash checkout'）.hide（）；
});
$（'#applybtn'）。单击（函数（）{
$（“#促销箱”）.hide（）；
$（“#codediv”）.html（“促销代码：”）.show（）；
$（'.trash checkout'）.show（）；
});
$（'#removecode'）。单击（函数（）{
$（“.checkout促销代码输入”）.val（“”）；
$（“#codediv”）.html（“”.hide（）；
$（'.trash checkout'）.hide（）；
$（“#促销代码”）.show（）；
});
$（“#促销代码外部”）。在（“单击”，“编辑促销代码”，函数（）上）{
$（“#codediv”）.hide（）；
$（'.trash checkout'）.hide（）；
$（“#促销箱”）.show（）；
});
。垃圾结帐{
颜色：rgba（0,0,0,7）；
光标：指针；
字体大小：15px；
}
.垃圾回收站：悬停{
颜色：#dc3545；
}
.promo编辑{
字号：600；
颜色：rgba（0,0,0,7）；
字体大小：15px；
}
.promo编辑{
颜色：#000000；
}
#促销代码{
文本对齐：居中；
字体大小：15px；
}
#宣传箱，
#促销箱{
显示：无；
}

申请
只需检查输入值即可

$('#applybtn').click(function() {
    if ($("#promo-box input").val()){
      $("#promo-box").hide();
      $("#codediv").html("Promo code:<span><a href='javascript:void(1);' id='edit-promo-code'>" + $(".checkout-promo-code-input").val() + "</a></span>").show();
      $('.trash-checkout').show();
      }
      else{
      // do your error stuff
      }
    });


申请
每次单击都会重复生成错误消息：