Как запускать на jquery.smart мастера Завершить кнопку?

Question

Iam очень новый в jquery. здесь JQuery из smart wizard:

/ Default Properties and Events 
    $.fn.smartWizard.defaults = { 
     selected: 0, // Selected Step, 0 = first step 
     keyNavigation: true, // Enable/Disable key navigation(left and right keys are used if enabled) 
     enableAllSteps: false, 
     transitionEffect: 'fade', // Effect on navigation, none/fade/slide/slideleft 
     contentURL:null, // content url, Enables Ajax content loading 
     contentCache:true, // cache step contents, if false content is fetched always from ajax url 
     cycleSteps: false, // cycle step navigation 
     enableFinishButton: false, // make finish button enabled always 
     hideButtonsOnDisabled: false, // when the previous/next/finish buttons are disabled, hide them instead? 
     errorSteps:[], // Array Steps with errors 
     labelNext:'Next', 
     labelPrevious:'Previous', 
     labelFinish:'Finish', 
     noForwardJumping: false, 
     ajaxType: "POST", 
     onLeaveStep: null, // triggers when leaving a step 
     onShowStep: null, // triggers when showing a step 
     onFinish: null, // triggers when Finish button is clicked 
     includeFinishButton : true // Add the finish button 
    }; 

})(jQuery); 



<script type="text/javascript"> 
     $(document).ready(function() { 
      // Smart Wizard   
      $('#wizard').smartWizard({ 
       onLeaveStep: leaveAStepCallback, 
       onFinish: onFinishCallback 
      }); 

      function leaveAStepCallback(obj, context) { 
       debugger; 
       alert("Leaving step " + context.fromStep + " to go to step " + context.toStep); 
       return validateSteps(context.fromStep); // return false to stay on step and true to continue navigation 
      } 

      function onFinishCallback(objs, context) { 

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

      // Your Step validation logic 
      function validateSteps(stepnumber) { 
       debugger; 
       var isStepValid = true; 
       // validate step 1 
       if (stepnumber == 1) { 
        // Your step validation logic 
        // set isStepValid = false if has errors 
       } 
       // ...  
      } 
      function validateAllSteps() { 
       debugger; 
       var isStepValid = true; 
       // all step validation logic  
       return isStepValid; 
      } 
     }); 
</script> 

мне нужна functione для onFinish, где я могу отправить запрос по многим параметрам. как это сделать?

Answer 1

Прежде всего скачайте smartWizard.js от https://github.com/mstratman/jQuery-Smart-Wizard , затем добавьте его в свое рабочее пространство и укажите ссылку в своем html/jsp.

<script type="text/javascript" src="js/jquery.smartWizard-2.1.js"></script> 

затем,

<script type="text/javascript"> 
$(document).ready(function(){ 
    // Smart Wizard  
    $('#wizard').smartWizard(); 
    //$('#range').colResizable(); 

    function onFinishCallback(){ 
     $('#wizard').smartWizard('showMessage','Finish Clicked'); 
    } 
}); 
</script> 

Тогда в jquery.smartWizard-2.1.js поиск onFinish, Просто попробуйте дать предупреждение, а затем все, что вы хотите добавить Вы можете добавить его прямо в. js-файл.

Answer 2

// Изменение текста на кнопке финишного

$ ('# мастер') smartWizard.defaults.labelFinish = "подтвердить & Купить".

Answer 3

добавить свою пользовательскую функцию, как показано ниже.

onFinish: функция() {Alert ("! Finish Клики")}, // срабатывает при нажатии кнопки Готово щелкнуло

Answer 4

Используйте следующий код, ваша форма будет отправлена. Я надеюсь, что это поможет вам.

var Myform=$('#saveForm'); 
    $(document).on('click','.btn-finish',function(e){ 
     $('#saveForm')[0].submit(); 
    });