Я использую Bootstrap tour, но проблема в том, что мне нужно только просматривать / выделять поля, которые являются неправильными.Проблема с Bootstrap tour заключается в том, что все ваши идентификаторы элементов или имена классов жестко закодированы.Ошибки формы, которые у меня есть, основаны на неправильных полях.Поэтому я не могу жестко закодировать идентификаторы полей, поскольку не буду знать, какие поля являются неправильными, пока пользователь не заполнит форму.
// 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 находится здесь