我有一个表单,根据下拉列表值更改屏幕上显示的输入。
此忽略定义工作正常,不会使用忽略类验证任何输入,并且不可见。
hidden
但现在的问题是,当我想要使用“验证”类验证一些ignore: ":hidden:not(.validate), :not(:visible), .ignore",
输入时,我将其更改为:
.head{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
.body{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
但:not(:visible)会阻止它。如何将这两个规则应用于一起,这样我就可以忽略不可见的输入,并通过'验证'类验证隐藏的输入?
答案 0 :(得分:2)
如果您要忽略所有隐藏元素,但仍然使用.validate
类验证任何隐藏元素,则只需排除:hidden
类的默认.validate
选择器...
ignore: ":hidden:not(.validate)"
DEMO :jsfiddle.net/0avft8ou/
您可能不需要.ignore
课程,因为该插件会自动忽略任何隐藏元素。
答案 1 :(得分:-1)
尝试将第一条规则更改为
ignore: ":not(:visible), :not(:hidden), .ignore"