首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用depends进行jQuery验证

使用depends进行jQuery验证
EN

Stack Overflow用户
提问于 2013-10-20 05:50:57
回答 2查看 12.2K关注 0票数 1

我想做验证,这取决于其他输入值在相同的形式。

代码语言:javascript
复制
$( "#step1" ).validate({
  rules: {
    weight: {
        required: true,
        max: $('#maxweight'),
        min: 1
    },
...

我正在阅读所有的文档: jqueryvalidation.org,但我找不到任何关于使用表单中的其他值来验证other #id的最大值的内容。

提前感谢您的帮助。

-编辑

JS Fiddle,我想验证权重将取决于最大权重。稍后,我将使用if函数进行验证:

代码语言:javascript
复制
if(maxweight == 10) {
    max: 10
}
else if(maxweight == 20) {
    max: 20
}

-解决方案--

感谢所有人的帮助:)我是这样做的:JS Fiddle

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-20 05:58:24

下面是一个示例:

代码语言:javascript
复制
$(".selector").validate({
  rules: {
    email: {
      depends: function(element) {
        // Do what you want to test
        return $("#contactform_email:checked");
      }
    }
  }
});

为了满足您的需要,这里有一个解释您的问题jQuery validation - changing value of max at runtime的链接

下面是解决方案:http://jsfiddle.net/rUyAx/2/

代码语言:javascript
复制
$(document).ready(function() {
$("#step1").validate({
    rules: {
        weight: {
            required: true,
            //max: $("#maxweight").val(),
            min: 1
        }
    }
});

$("#submit").click(function(){
   $('#weight').rules("remove", "max");
   $('#weight').rules("add", {
     max: $('#maxweight').val()
   });
   $("#step1").submit();
});

});

(我已经为您的提交按钮添加了一个id。)

票数 2
EN

Stack Overflow用户

发布于 2013-10-20 19:55:58

尝尝这个。这将根据最大权重验证您的权重。

代码语言:javascript
复制
$("#step1").validate({
        rules: {
            weight: {
                required: true,
                min: 1,
                depends:function(element){
                    return  $(element).val() < $("#maxweight").val();
                }            
            }
        }
    });
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19471554

复制
相关文章

相似问题

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