JQuery - SmartWizard. Как я могу отменить проверку кнопки «Предыдущий»? - PullRequest
Новая
       25

JQuery - SmartWizard. Как я могу отменить проверку кнопки «Предыдущий»?

1 голос
/ 06 сентября 2011

В основном мне нужно проверять данные при нажатии кнопки «Далее», но если пользователь хочет вернуться назад, я не хочу проверять, если они ввели необходимые поля для текущего шага 

    $('#wizard').smartWizard({ onLeaveStep: leaveAStepCallback,
            onFinish: onFinishCallback
        });

        function leaveAStepCallback(obj) {
            var step_num = obj.attr('rel'); // get the current step number
            return validateSteps(step_num); // return false to stay on step and true to continue navigation 
        }

        function onFinishCallback() {
            if (validateAllSteps()) {
                $('form').submit();
            }
        }

        // Your Step validation logic
        function validateSteps(stepnumber) {
            var isStepValid = true;

            if (stepnumber == 1) {
                var e = document.getElementById("ContentPlaceHolder1_DropDownCustomers");
                var strCustomer = e.options[e.selectedIndex].value;
                if (strCustomer == "-1") {
                    //alert("Please select a Customer.");
                    $('#wizard').smartWizard('showMessage', 'Please select a Customer.');
                    isStepValid = false;
                    return isStepValid;
                }
                else {
                    var d = document.getElementById("ContentPlaceHolder1_DropDownTemplates");
                    var strTemplate = d.options[d.selectedIndex].value;
                    if (strTemplate == "-1") {
                        alert("Please select a Template.");
                        isStepValid = false;
                        return isStepValid;
                    }
                    else {
                        return isStepValid;
                    }
                    return isStepValid;
                }
            }

            if (stepnumber == 2) {

                if (document.getElementById("ContentPlaceHolder1_LabelMainDestData") != null) {
                    isStepValid = true;
                }
                else {
                    alert("Please introduce the Main Destination.");
                    isStepValid = false;
                }


                return isStepValid;

            }

            if (stepnumber == 3) {
                isStepValid = true;
                return isStepValid;
            }

        }

Ответы [ 6 ]

3 голосов
/ 03 декабря 2012

в функции showStep просто отредактируйте 

if(stepIdx != curStepIdx)

до 

if(stepIdx > curStepIdx)

, и это решит вашу проблему

1 голос
/ 13 февраля 2012

Создайте новую переменную: 

var OO_Back = false;

Затем добавьте «OO_Back = true» при нажатии кнопки «Назад»: 

$($this.buttons.previous).click(function() {
    OO_Back = true;
    $this.goBackward();
    return false;
});

И в последний раз измените это условие, чтобы проверить, нажата ли кнопка назад, после этого вы должны установить OO_Back = false: 

 var curStep = $this.steps.eq($this.curStepIdx);
    if(stepIdx != $this.curStepIdx){
        if($.isFunction($this.options.onLeaveStep) && OO_Back == false) {
            var context = { fromStep: $this.curStepIdx+1, toStep: stepIdx+1 };
            if (! $this.options.onLeaveStep.call($this,$(curStep), context)){
                return false;
            }
        }
    }
 OO_Back = false;
0 голосов
/ 29 июня 2015

Это сработало для меня, когда я его использовал: 

 function leaveStep(oStep, context) {
   //don't validate if the user is going backwards    
    if (context.toStep < context.fromStep)
    {
        $('#wizard').smartWizard('hideMessage');
        return true;
    }
   // continue to validate steps...
0 голосов
/ 30 августа 2013

Я использовал следующее, и оно работало отлично, руководствуясь принятым ответом выше. 

onLeaveStep: function(obj, context){
       if(context.toStep > context.fromStep){ ...}
  }
0 голосов
/ 10 февраля 2012

Может быть, это может помочь: 

       $('.buttonPrevious').click(function () {
            // set true validation if you need
            return false;
        });

Вы должны установить действительное значение true на кнопку назад, если вам нужно.

Попробуйте это для отмененной функции оставьтеASASPEP. 

       $('#yourwizard').unbind('leaveAStepCallback');

Если это не сработает, проверьте stopImmediatePropagation .

0 голосов
/ 09 сентября 2011

просто создайте еще одну страницу jsp с регистром в свойстве step_number, которое вы можете получить из запроса, и внутри этого jsp включите свой jsp в соответствии с вашим step_number и назначьте вновь созданный jsp в свой contentURL

Пример 

//inside your wizard page.
contentURL:'wizardcontent.jsp',

//'wizardcontent.jsp' is as follow

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%
    int step_number = Integer.parseInt(request.getParameter("step_number")!=null?request.getParameter("step_number"):"1");
    String url = "";
    switch (step_number){
        case 1:%>
            <jsp:include page="ddd.jsp"></jsp:include>
        <%break;
        case 2:%>
            <jsp:include page="xyz.jsp"></jsp:include>
        <%break;
        case 3:%>
            <jsp:include page="abcd.jsp"></jsp:include>
                   <%break;
    }

%>
...