如何在DIV标签上使用jquery验证插件

我有一个包含多个步骤的表单，比如jquery选项卡。我的目的是验证单个选项卡中的输入文本字段，只有这样用户才能转到下一个选项卡。在最后一个选项卡中，我想提交包含以前选项卡中所有数据的表单

如何在DIV标记上使用jquery验证插件，以便在单个表单中有多个DIV标记，以及如何在每个DIV字段上验证输入文本

---

谢谢

您可以使用自定义规则，并根据所选选项卡将表单设置为“有效”，以便提交，例如：

第一组

• txtName
• 特快专递

第2组

• txtAddress
• txtOther

配置如下所示：

var tab1Valid = false;
var tabNValid = false;

jQuery.validator.addMethod('Tab1Validator', isFirstTabValid, '*');
jQuery.validator.addMethod('Tab2Validator', isSecondTabValid, '*');
...

 $('#tabsForm').validate({
            onkeyup: false,
            submitHandler: onSaveHandler,
            rules: {
                txtName: { Tab1Validator: '' },
                txtEmail: { Tab1Validator: '' },
                txtAddress: { Tab2Validator: '' },
...
            }
        });

isFirstTabValid: function(value, element, params) {
// validate values accordign 'element' parameter
// return corresponding true/false  
    },

isSecondTabValid: function(value, element, params) {
      if (tab1Valid === false)  {
return true; // we dont need validate other fields if first tab is not valid.
}

// else validate 
    },

---

是这样的。如您所愿进行更改，主要思想在这里

您可以临时放置一个表单，并单独验证div。成功后，您可以再次删除该表单