无效反馈类第二行不起作用

Question

<div class="form-row">
       <div class="form-group col-md-5">
            <label for="inputName">Name</label>
            <input type="text" class="form-control" id="inputName" placeholder="Name">
            <div class="invalid-feedback">Invalid Name</div>
       </div>
       <div class="form-group col-md-7">
            <label for="inputLastname">Last name</label>
            <input type="text" class="form-control" id="inputLastname" placeholder="Last name">
            <div class="invalid-feedback">Invalid Last name</div>
       </div>

第一个无效反馈在jQuery代码上工作正常，但是第二个无效反馈（姓氏标签不起作用）

jquery代码：

function nameValidFunction（）{     让名称= document.querySelector（“＃inputName”）

if(name.value === ''){
    name.classList.add("is-invalid")
    name.classList.remove("is-valid")
    return false
}
else {
    name.classList.remove("is-invalid")
    name.classList.add("is-valid")
    return true
}

}

nameValidFunction可以正常工作，但是lastnameValidFunction（除了name = lastname以外，基本上是相同的代码）

有什么方法可以使第二个（姓氏）无效反馈类正常工作，而不必将姓氏输入放在其他行中？