Проверка JQuery - Как использовать для шагов в форме мастера, как?

Question

Я хочу использовать плагин проверки jQuery с вкладками пользовательского интерфейса jQuery . Как я могу проверить с помощью jQuery Validation Plugin на каждом шаге, вызванном следующей кнопкой. Я вижу примеры jQuery Validation Plugin и в основном для проверки всей формы сразу. Мне нужно это шаг за шагом.

Я не профессионал, поэтому, пожалуйста, скажите мне какое-нибудь простое решение вместо того, чтобы предлагать мне другие плагины. Мой код выглядит так:

$("#frag1").click(function(){
     //I need jQuery Validation code here for a single step
     event.preventDefault();
}else {
$('.next-tab, .prev-tab').click(function() { 
         $tabs.tabs('select', $(this).attr("rel"));
         return false;
   });
}

Спасибо заранее.

Answer 1

Я понимаю, что вы не хотели предложений для других плагинов.Но я думаю, что это может быть особенно полезно для вас:

Существует плагин jQuery formwizard, http://thecodemine.org/

, который прекрасно интегрируется с плагином проверки jquery.А также может работать с темами jQuery-UI (если вы уже используете их на своем сайте).

Answer 2

На следующем шаге нажмите кнопку, чтобы проверить, для какого фрагмента div не было «ui-tabs-hide» этого класса css.Затем попробуйте применить один и тот же класс CSS (например: - «myinputs») для всех входов и флажок и скоро.Затем примените валидацию для текущей проверки входных данных «фрагмента».

Например: - если я на шаге 2. Тогда этот div «фрагмент-2» не будет иметь класс css «ui-tabs-hide»,Вы можете видеть, что этот класс применяется к другим погружениям.

Итак, попробуйте получить текущий идентификатор активного div (здесь это " фрагмент-2 ").Затем сделайте вот так

http://docs.jquery.com/Plugins/Validation/Validator/element#element

 $("#myform").validate().element( "#myselect" ); // here there are passing element ID

$("#myform").validate().element('#'+ CurrentFragment + '.myinputs'); //here we are passing current fragment css class inputs.

Я не уверен, что он примет класс css.Но попробуйте еще раз выполнить цикл и обработать ложный элемент и return false безо всякого шага.Таким образом, пользователь не перейдет к следующему фрагменту, пока не установит значения.

Я не уверен, что это лучшая идея.У меня мало знаний об этом плагине проверки.