Jquery Validate Plugin для проверки отдельных разделов с элементами управления

Question

У меня есть разные разделы div с некоторыми элементами управления в каждом.У меня есть кнопка для перехода из одного раздела в другой.все div'ы находятся в единой форме "form1".Вот макет:

form id = "form1"div id = "section1"input type = "text" id = "1">input type = "text" id = "2">input type = "text" id = "3">тип ввода = "кнопка">/ DIV>div id = "section2">вход 4>вход 5>вход 6>кнопка к следующему разделу>/ DIV>

/ форма>

Я пытаюсь добиться проверки элементов управления в каждом div, когда нажата соответствующая кнопка.нажатие кнопки в разделе 1 должно подтвердить все элементы управления 1-3, а затем перейти к другому разделу.Дайте мне знать, как этого добиться.

Спасибо.

Answer 1

Вы можете легко сделать что-то подобное, используя jQuery :

$(document).ready(function() {
   //bind click event to section 1's submit button
   $('div#section1').children(':button').click(function() {
      //validate section 1 controls
   });

   //do the same for section 2
   $('div#section2').children(':button').click(function() {
      //validate section 2 controls
   });
});

Answer 2

Официальная демоверсия на веб-сайте jQuery Validate: http://jquery.bassistance.de/validate/demo/multipart/