Jquery验证插件，用于验证带有控件的单独部分

Question

我有不同的div部分，每个部分都有一些控件。我有一个按钮可以从一个部分导航到另一个部分。所有的div都在一个表单"form1"中。布局如下:

form id="form1"
Div id="section1"
输入类型="text" id="1">
输入类型="text" id="2">
输入类型="text" id="3">
输入类型= "按钮">
/div>
div id = " section2 ">
输入4>
输入5>
输入6>
按钮到下一部分>
/div>

/形式>

我试图实现验证控件在每个div时，各自的按钮被单击。点击section 1中的按钮将验证所有控件1-3，然后导航到其他section。让我知道如何做到这一点。

谢谢。

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/