JavaScript/jQuery 在两个输入字段都填写时专门更改标签的类

Question

我有以下 HTML:

<div class="field text-left">
  <div class="col-lg-6 col-sm-6 col-xs-12">
    <label class="text-left">Name</label>
    <input type="text" id="name" name="name" placeholder="Name"/>
  </div>
  <div class="col-lg-6 col-sm-6 col-xs-12">
    <label class="text-left">Surname</label>
    <input type="text" id="surname" name="surname" placeholder="Surname"/>
  </div>
</div>
<div class="field">
  <div class="col-lg-6 col-lg-offset-3 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
    <div class="col-lg-12 col-sm-12 col-xs-12">
      <a href="#" id="fullnameBtn" class="btn disabled">Next Step</a>
    </div>
  </div>    
</div>

以上是具有其他值和隐藏面板的多步骤形式。

我试图找出仅当使用 JavaScript 或 jQuery 输入姓氏和姓名字段时，如何从 id fullnameBtn 的 a 标记中删除类 disabled 。

有人可以帮助我们走上正确的道路吗？

谢谢

Answer 1

1-检查两个字段是否都已填写 2-然后删除“选定的”类

if($("name") && $("surname")){
  $("#fullnameBtn").removeClass("disabled");
}