首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在DIV标签上使用jquery验证插件

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

Stack Overflow用户
提问于 2011-03-21 17:28:49
回答 2查看 4.8K关注 0票数 2

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

如何在DIV标签上使用jquery验证插件,以便在单个表单中拥有多个div标签,以及如何验证每个div字段上的输入文本?

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-03-21 18:29:26

您可以使用自定义规则,并根据选定的选项卡将表单设置为“有效”,例如:

div 1

  • txtName
  • txtEmail

div 2

  • txtAddress
  • txtOther ...

配置如下:

代码语言:javascript
运行
复制
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 
    },

嗯,就像这样。想怎么改就怎么改吧,主要思想在这里

票数 2
EN

Stack Overflow用户

发布于 2011-09-10 17:30:24

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5375764

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档