javascript - Bootstrap Tour 是否允许验证错误消息？

Question

我正在使用 Bootstrap 游览，但问题是我只需要游览/突出显示不正确的字段。 Bootstrap 游览的问题在于硬编码所有元素 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(); 

我的html是:

<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>

正如您从我的示例中看到的，城市和州字段有一个错误类别并且不正确，但根据用户输入，任何字段都可能不正确。

Bootstraptour 是否能够根据不正确的字段创建动态元素/步骤？

还有其他 jQuery 或 JavaScript 插件可以使用工具提示验证字段吗？

Bootstrap Tour 位于here

Answer 1

嘿伙计，我在找你的家伙，在有关 Boostrap Tour 的官方 API 中，他们没有显示任何有关验证的内容，这是 API 的官方网站 http://bootstraptour.com/api/