Question

我有不同的div部分，每个部分都有一些控件。我有一个按钮可以从一个部分导航到另一个部分。所有的div都是单一的形式“form1”。这是布局：

表格id =“form1”
div id =“section1”
input type =“text”id =“1”＆gt;
input type =“text”id =“2”＆gt;
input type =“text”id =“3”＆gt;
输入类型=“按钮”＆gt;
/ DIV＆GT;
div id =“section2”＆gt;
输入4＆gt;
输入5＆gt;
输入6＆gt;
按钮到下一部分＆gt;
/ DIV＆GT;

/形式＆GT;

我正在尝试在单击相应按钮时在每个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/

Jquery Validate Plugin用控件验证单独的部分

2 个答案: