引导程序是否允许错误消息验证?

我使用引导程序,但问题是我只需要巡视/突出显示不正确的字段。Bootstrap-tour的问题是硬编码所有的元素id或类名。我的表单错误是基于不正确的字段。所以我不能硬编码字段ID,因为在用户填写表单之前我不知道哪些字段是不正确的。

// Instance the tour
    var tour = new Tour({
    backdrop: true,
    steps: [
    {
      element: "#primary-address-line-label-2",
      title: "Title of my step",
      content: `<h3 class="tool-tip-title">Review/Update Your Address</h3>
      <div class="tip-content">
      <p>Our records indicate the address we have on file for you may be incorrect.</p>
      <p>Please make any edits in the field below. Click "Save & Continue" once you are finished.</p>
      </div>
      <div class="number-of-actions">1 of 5 Actions</div>`,
      placement: "top"
    }
  ]});


  // Initialize the tour
  tour.init();

  // Start the tour
  tour.start(); 

<div>
  <label>City</label>
 <input class="form-control" type="text" id="City" class="error"><span style="display: inline-block;">City is required.</span>
 </div>

<div>
  <label>City</label>
 <input class="form-control" type="text" id="State" class="error"><span style="display: inline-block;">State is required.</span>
 </div>

从我的示例中可以看出,city和state字段有一个错误类,并且是不正确的,但是根据用户输入,任何字段都可能不正确。

Bootstrap tour是否能够基于不正确的字段创建动态元素/步骤?

有没有其他jQuery或JavaScript插件可以用工具提示验证字段?

引导教程位于 here