Я хочу использовать свой сценарий и хочу, чтобы при использовании некоторых методов мне пришлось вернуться к пользовательскому шагу в форме шагов для управления формой шагов, у меня есть 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
Я не могу использовать шаги JQUERY в динамических формах. ⇐ Jquery
Программирование на jquery
-
Anonymous
1718977634
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)
Подробнее здесь: [url]https://stackoverflow.com/questions/78652727/i-can-not-use-jquery-steps-in-dynamic-forms[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия