检查具有给定类的表单中的所有输入不为空

Question

我有一个多步骤表单，所以有些按钮不是提交按钮，它们只是带你进入下一步。单击这些“假”按钮之一时，我想检查一组给定的输入是否为空。到目前为止，我已经这样做了（仅包含几个输入作为示例），但我不想对每个输入都这样做：<div class="field-wrapper first-name-wrapper">    <label for="first_name">First Name:</label>    <input class="text-validation first-name" type="text" name="first_name" id="first_name">    <div class="validation-msg first-name-error hide">        <p><i class="fas fa-exclamation-circle"></i> Please tell us your first name</p>    </div></div><div class="field-wrapper last-name-wrapper">    <label for="last_name">Last Name:</label>    <input class="text-validation last-name" type="text" name="last_name" id="last_name">    <div class="validation-msg last-name-error hide">        <p><i class="fas fa-exclamation-circle"></i> Please tell us your last name</p></div>if ($('.first-name').val() == "") {    $('.first-name-wrapper').addClass('has-error');}if ($('.last-name').val() == "") {    $('.last-name-wrapper').addClass('has-error');}如何在不重复自己的情况下检查每个输入是否为空，然后将 has-error 类分配给单个项目？