Проверка шага jQuery SmartWizard, предотвращение следующего шагаJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Гость
 Проверка шага jQuery SmartWizard, предотвращение следующего шага

Сообщение Гость »


В настоящее время я использую библиотеку SmartWizard (v5), которая состоит из трех этапов. Каждый шаг зависит от завершения предыдущего; например, первый шаг включает в себя регистрационную форму, за которой на следующем этапе следует проверка OTP (одноразового пароля). Я стремлюсь реализовать правильную проверку таким образом, чтобы, если мой вызов AJAX возвращает ошибку, пользователь не будет автоматически перенаправлен на следующий шаг. Мне удалось успешно реализовать эту функциональность. Однако другая проблема, с которой я сталкиваюсь, заключается в том, что если пользователь вручную добавляет фрагмент URL-адреса, например #step-2, второй шаг будет отображаться, даже если первый шаг не завершен. В таких случаях я хочу вместо этого обеспечить принудительное отображение предыдущего шага. Я проверил документацию и не нашел другого варианта, кроме использования событий onLeave и showStep

Вот код:

var ajaxInvoke = false; $('#smartwizard').on('showStep', function (e,anchorObject,stepNumber){ если(!step1Completed){ $('#smartwizard').smartWizard("goToStep", 0); } иначе если(!step2Completed){ $('#smartwizard').smartWizard("goToStep", 1); } }) $('#smartwizard').on("leaveStep", function (e,anchorObject,stepNumber) { if (stepNumber === 0 && ajaxInvoke === false) { ajaxInvoke = правда ... $.ajax({ параметры }}).then(function(response) { если (ответ.успех) { Step1Completed = Истина; $('#smartwizard').smartWizard("следующий"); ajaxInvoke = ложь; }, функция(){ ajaxInvoke = ложь; }) вернуть ложь; // та же логика для шага 2 Теперь мне интересно, как я могу запретить пользователю переходить к следующему шагу, если ajax возвращает ошибку, а также если пользователь добавляет #step-2 для перехода к предыдущему шагу?
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Jquery»