Я не могу использовать шаги JQUERY в динамических формах.Jquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Я не могу использовать шаги JQUERY в динамических формах.

Сообщение Anonymous »

Я хочу использовать свой сценарий и хочу, чтобы при использовании некоторых методов мне пришлось вернуться к пользовательскому шагу в форме шагов для управления формой шагов, у меня есть 4 шага, и на шаге 3 я хочу использовать свой метод C#

(function ($) {
"use strict"

var form = $("#step-form-horizontal");
form.children('div').steps({
headerTag: "h4",
bodyTag: "section",
transitionEffect: "slideLeft",
autoFocus: true,
onStepChanging: function (event, currentIndex, newIndex) {
// Check if the user is moving to the second step
if (newIndex === 1) {
// Scroll to the top of the page
$('html, body').animate({ scrollTop: 0 }, 'fast');
}
// Validate the form on each step change
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
}
});

var form2 = $("#step-form-tab");
form2.children('div').steps({
headerTag: "h4",
bodyTag: "section",
enableFinishButton: false,
enablePagination: false,
enableAllSteps: true,
titleTemplate: "#title#"
});

var form3 = $('#step-form-vertical');
form3.children('div').steps({
headerTag: "h4",
bodyTag: "section",
transitionEffect: "slideLeft",
stepsOrientation: "vertical"
});

$(document).ready(function () {
$('#deliveryPaymentForm').submit(function (event) {
event.preventDefault(); // Prevent default form submission

// Serialize form data
var formData = $(this).serialize();

// Send AJAX request to save data
$.ajax({
url: '/UserPanel/Home/SaveDeliveryAndPaymentDetails',
method: 'POST',
data: formData,
success: function (response) {
if (response.success) {
console.log('Successfully saved delivery and payment details.');
ShowMessage('Delivery and payment details saved successfully.');
$('#step-form-vertical').steps('setStep', 2);
// Move to step 3 in the vertical form
window.location.href = '/UserPanel/CheckOut';

} else {
ShowMessage('Error saving details: ' + response.message);
}
},
error: function () {
alert('Error saving details.');
}
});
});
});

})(jQuery);

Но я вижу эту ошибку и не могу выполнить будущий уровень: я хочу выполнить первый метод, затем перейти к методу Checkout и вернуться к шагу 2 в пошаговой форме
RangeError: Maximum call stack size exceeded
at String.replace ()
at F (jquery.min.js:2:36225)
at B.get (jquery.min.js:2:36831)
at Object.trigger (jquery.min.js:2:84556)
at HTMLFormElement. (jquery.min.js:2:85338)
at Function.each (jquery.min.js:2:3777)
at e.fn.init.each (jquery.min.js:2:1903)
at e.fn.init.trigger (jquery.min.js:2:85310)
at e.fn. [as submit] (jquery-migrate-3.0.1.min.js:154:131)
at HTMLFormElement. (jquery-steps-init.js:48:21)


Подробнее здесь: https://stackoverflow.com/questions/786 ... amic-forms
Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

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

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