представьте форму в каждом шаге, используя мастера форм JQuery

Я использую плагин Мастера форм jQuery в применении MVC. http://thecodemine.org/У меня есть форма с 4 шагами. в одном из шага у меня есть функциональность закачки. Я хочу, представляют функциональность в каждом шаге и также назад, и затем ступает. более поздние шаги дополнительные.

Я смог добавить кнопку отправки в навигации. При нажатии это, данные о форме, связанные с активным шагом, только представлено, и другие данные пустые.

Для большей ясности моей проблемы: Представление:

<form id="myform" method="post" action="/Controller/Action">
    <div id="fieldWrapper">
        
First step Some input controls
Second step some more input controls (optional)
Third step some more input controls with filu upload (optional)
Fourth step some more input controls (optional)
</div> <div id="demoNavigation"> <input class="navigation_button" id="back" value="Back" type="reset" /> <button type="submit" id="submitBtn">Submit and Finish</button> <input class="navigation_button" id="next" value="Next" type="submit" /> </div> </form>

Сценарий:

<script type="text/javascript">
    $(function() {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
</script>

Обновленный Jquery.form.wizard.js к тому, так, чтобы кнопка отправки скрыла наконец шаг. Теперь на каждом шаге у меня есть кнопка отправки и кнопка навигации.

Когда я представляю форму на втором шаге, данные о форме во втором шаге только отправлены, и об отдыхе не объявляют.

Я прошел образцы, но не мог найти соответствующий. Кто-либо может предложить, как достигнуть этого?

0
nl ja de
У меня не было проблемы, достигающей этого. Пожалуйста, гарантируйте, что ваши области находятся в признаке fieldset; подводя то повышение пасты.
добавлено автор CarneyCode, источник
У меня не было проблемы, достигающей этого. Пожалуйста, гарантируйте, что ваши области находятся в признаке fieldset; подводя то повышение пасты.
добавлено автор CarneyCode, источник

2 ответы

Я прошел документацию и jquery.form.wizard.js файл, чтобы получить понимание beeter того, что сделано.

Я просто должен написать некоторый сценарий следующим образом:

<script type="text/javascript">
    $(function() {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
    $('#submitBtn').click(function() {
        var stepInfo = $('#myform').formwizard('state');
        for (var i = 0; i < stepInfo.activatedSteps.length; i++) {
            stepInfo.steps.filter("#" + stepInfo.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
        }
    });
</script>
1
добавлено

Я прошел документацию и jquery.form.wizard.js файл, чтобы получить понимание beeter того, что сделано.

Я просто должен написать некоторый сценарий следующим образом:

<script type="text/javascript">
    $(function() {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
    $('#submitBtn').click(function() {
        var stepInfo = $('#myform').formwizard('state');
        for (var i = 0; i < stepInfo.activatedSteps.length; i++) {
            stepInfo.steps.filter("#" + stepInfo.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
        }
    });
</script>
1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda