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>

从我的示例中可以看到，关于城市和州的字段具有错误类并且不正确，但是根据用户输入，任何字段都可能不正确。

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

是否还有其他使用工具提示验证字段的jQuery或JavaScript插件？

Bootstrap Tour位于here

Answer 1

嘿，我一直在寻找您的家伙，在有关Boostrap Tour的官方API中，他们没有显示任何有关验证的信息，这是API http://bootstraptour.com/api/的官方网站

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

1 个答案: