首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery验证插件-验证隐藏的和不可见的输入?

jQuery验证插件-验证隐藏的和不可见的输入?
EN

Stack Overflow用户
提问于 2011-10-31 18:00:40
回答 4查看 92.4K关注 0票数 64

如何使用jQuery表单验证插件验证隐藏输入和不可见文本输入?问题是,我使用的是自动建议插件,它为选中的项目生成一个隐藏的输入:

代码语言:javascript
复制
<input id="hiddenInput" type="hidden" name="something" value="1" />

我有2个这样的输入(它们都只允许1个项目),我想验证它们并在父<td>中显示错误。这就是我到目前为止所得到的结果,但是如果值实际上是一个数字,它就不会显示错误或提交表单。

代码语言:javascript
复制
$("#form1").validate({
        rules: {
            something: {
                number:true,
                min:1,
                required:true
            }
        }
        })
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-12-10 07:30:10

要允许验证隐藏元素,请覆盖忽略并将其设置为空字符串:

代码语言:javascript
复制
$("#form1").validate({
    ignore: "",
    rules: {
        something: {
            number:true,
            min:1,
            required:true
        }
    }
});
票数 124
EN

Stack Overflow用户

发布于 2011-10-31 18:09:53

您可以像这样使用ignore选项:

代码语言:javascript
复制
$("#form1").validate({
    ignore: "input[type='text']:hidden",
    rules: {
        something: {
            number:true,
            min:1,
            required:true
        }
    }
});

ignore选项的默认值为:hidden,表示忽略所有隐藏字段和不可见字段(display: none等)

票数 30
EN

Stack Overflow用户

发布于 2012-11-22 09:32:39

如果其他答案对你不起作用,可以试试这个。它删除了表单的所有忽略项,因此它将验证包括隐藏字段在内的所有内容:

代码语言:javascript
复制
$.data($('form')[0], 'validator').settings.ignore = "";

要恢复设置以忽略隐藏字段,请使用类似以下内容:

代码语言:javascript
复制
$.data($('form')[0], 'validator').settings.ignore = "input[type='text']:hidden";

您也可以使用上面的代码来读回当前值。

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

https://stackoverflow.com/questions/7952181

复制
相关文章

相似问题

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