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

【问题标题】：Jquery Validate Plugin to validate seperate sections with controlsJquery Validate Plugin 使用控件验证单独的部分
【发布时间】：2011-04-26 18:29:44
【问题描述】：

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

form id="form1"
div id="section1"
输入类型="文本" id="1">
输入类型="文本" id="2">
输入类型="文本" id="3">
输入类型="按钮">
/div>
div id="section2">
输入 4>
输入 5>
输入 6>
下一节的按钮>
/div>

/form>

我正在尝试在单击相应按钮时验证每个 div 中的控件。单击第 1 部分中的按钮应验证所有控件 1-3，然后导航到其他部分。让我知道如何实现这一目标。

谢谢。

【问题讨论】：

标签： javascript jquery jquery-validate

【解决方案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
   });
});

【讨论】：

我正在调用 jquery 验证插件。在这种情况下，我如何将 validate() 调用到每个部分中的所有控件
我做了这样的事情

在 Jquery 中我调用 $('input[class *="section1"]').each(function() { //验证所有方法。这看起来更简单
有很多方法可以实现这一点，而我发布的那个不一定是最好的。最佳做法是为您的表单挂钩 onSubmit 事件，然后根据该表单的要求验证控件。
我只有一个表单，每个部分都是 div 而不是表单。
那么你就只有一个 onSubmit 来钩子了 :)

【解决方案2】：

在 jQuery Validate 网站上有官方演示： http://jquery.bassistance.de/validate/demo/multipart/

【讨论】：

演示是使用单独的表单完成的，但我只有一个表单，每个部分都是主表单内的一个 div。
@user695663：不，不是。页面中只有一个
元素。检查源代码。