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

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 类分配给单个项目？