Javascript 如何在HTMl/JS应用程序中对按钮（例如：下一个按钮）设置条件？

我正在创建一个HTML/JS应用程序，其中有两个选项卡，一个是输入文本字段，另一个是单选按钮问卷。我正在使用“下一步”按钮将一个选项卡转到另一个选项卡。。。我想在“下一步”按钮中设置条件，如果输入字段为空，“下一步”按钮应该移动到“下一个”选项卡并显示警告。但我不能这样做

输入字段的HTML：-

<div class="form-group">
                            <label for="fullName">Team/Project Name </label>
                            <input type="name" required class="form-control" name="TeamName" id="fullName" aria-describedby="nameHelp" placeholder="Enter full project name" >
                            <small id="nameHelp" class="form-text text-muted">Please enter your team/project name.</small>
                          </div>
<a class="btn btn-primary btnNext" >Next</a>

---

如果输入字段为空，则下一个按钮应移动->不应移动？您不将条件放在按钮上，而是将条件放在按钮的事件处理程序中。具体来说，你对哪一部分有问题？如何写作？如何获取您输入的信息？如何（看起来你已经有了这个？）如何创建一个元素？你能让你的代码运行吗？

<fieldset class="form-group">
      <div class="row">
        <legend class="col-form-label col-sm-2 pt-0">Question 1:</legend>
        <div class="col-sm-10">
          <div class="form-check section-1">
            <input class="form-check-input" type="radio" name="question1" id="gridRadios1" value="1">
            <label class="form-check-label" for="gridRadios1">1</label>
          </div>
          <div class="form-check section-1">
            <input class="form-check-input " type="radio" name="question1" id="gridRadios2" value="2">
            <label class="form-check-label" for="gridRadios2">2</label>
          </div>
          <div class="form-check section-1">
            <input class="form-check-input" type="radio" name="question1" id="gridRadios3" value="3">
            <label class="form-check-label" for="gridRadios3">3</label>
          </div>
        </div>
      </div>
    </fieldset>

$('.btnNext').click(function() {
  $('.nav-tabs .active').closest('li').next('li').find('a').trigger('click');
});

$('.btnPrevious').click(function() {
  $('.nav-tabs .active').closest('li').prev('li').find('a').trigger('click');
});