2014-09-15 2 views
1

У меня есть JQuery функция шагов для моей формы в wizard.js файлешаги мастера и петрушка не проверяющие

$("#wizard-validate").steps({ 
    headerTag: ".wizard-title", 
    bodyTag: ".wizard-container", 
    transitionEffect: "fade", 
    onStepChanging: function (event, currentIndex, newIndex) { 
     if (currentIndex > newIndex) { 
      return true; 
     } 
     if (newIndex === 3 && Number($("#age-2").val()) < 18) { 
      return false; 
     } 

     if ((currentIndex === 0)) { 
      return $(this).parsley(); 
     } 
    }, 
    onStepChanged: function (event, currentIndex, priorIndex) { 
     if (currentIndex === 2 && Number($("#age-2").val()) >= 18) { 
      $("#form-3").steps("next"); 
     } 

     if (currentIndex === 2 && priorIndex === 3) { 
      $("#form-3").steps("previous"); 
     } 
    }, 
    onFinishing: function (event, currentIndex, newIndex) { 
     return $(this).parsley().validate(); 
    }, 
    onFinished: function() { 
     alert("submitted!"); 
    } 
}); 

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

моя форма:

<form class="form-horizontal form-bordered" action="" data-parsley-validate id="wizard-validate">   
    <!-- Wizard Container 1 --> 
    <span class="response"></span> 
    <div class="wizard-title">Details</div> 
    <div class="wizard-container"> 
     <input type="text" name="title" required value="" class="form-control"> 
     <input type="text" name="location" required class="form-control" value="" > 
     <input type="text" class="form-control" required id="datepicker1" name="startdate" value="" /> 
     <input type="text" class="form-control" required id="time-picker" name="starttime" value="" /> 
     <input type="text" class="form-control" required id="datepicker2" name="enddate" value="" /> 
     <input type="text" class="form-control" required id="time-picker2" name="endtime" value="" /> 
    </div> 
    <!--/ Wizard Container 1 --> 

    <!-- Wizard Container 2 --> 
    <div class="wizard-title">Details 2</div> 
    <div class="wizard-container"></div> 
    <!--/ Wizard Container 2 --> 
</form> 

и ничего не происходит .. только переход к следующему шагу, и это все .. уже пробовали полные атрибуты, как: data-parsley-required или data-parsley-required="true"

мои включает Дж.С. файлов заказ: 1. jquery.js 2. parsley.js 3. jquery.steps.js 4. wizard.js

ответ

0

Я нашел решение:

где находится мастер функции и петрушка проверка return $(this).parsley(); нужно изменить в return $(this).parsley().validate(); и работает отлично!

+0

Подтверждаете ли вы каждый шаг? Ваше решение не работает в моем случае – riliwanrabo

Смежные вопросы