jQuery验证程序-仅验证可见元素 [英] jquery validator - Validating visible elements only
本文介绍了jQuery验证程序-仅验证可见元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个单选按钮，可隐藏/显示div.所有可见元素都是必需的"，但是在验证规则之后添加ignore::hidden"不起作用... 这是代码:
I have a radiobutton that hides/shows a div. All visible elements are "required", but adding ignore: ":hidden" after the validation rules, doesn't work... Here's the code:
<script type="text/javascript">
$(document).ready(function(){
$("#myForm").validate({
rules: {
name: "required",
age: "required",
height: "required",
ignore: ":hidden"
}
})
});
</script>
</head>
<body>
<form id="myForm" name="myForm" method="post" action="" >
<input type="radio" name="checkAge" value="adult" onclick="$('#minorRequisites').hide();" />Adult<br/>
<input type="radio" name="checkAge" value="minor" onclick="$('#minorRequisites').show()" checked="checked"/>Child<br/>
Name <input id="name" name="name" type="text" /><br/>
<div id="minorRequisites">
Age <input id="age" name="age" type="text" /><br/>
Height <input id="height" name="height" type="text" /><br/>
</div>
<input type="submit" />
</form>
</body>
如果选中成人"，我希望能够提交仅提供姓名的表格...有什么想法吗? :)
I want to be able to submit the form giving only name if "Adult" is checked... Any ideas? :)
推荐答案
您可以指定required规则中的noreferrer>依赖性表达式可以让它们忽略不可见的元素:
You can specify dependency expressions in your required rules to have them ignore the elements if they're not visible:
$("#myForm").validate({
rules: {
name: "required",
age: {
required: "#age:visible"
},
height: {
required: "#height:visible"
}
}
});
您可以在此小提琴中看到结果.
ignore也可以使用，但这是一个选项，而不是规则，因此您应该输入:
ignore will also work, but it's an option, not a rule, so you should write:
$("#myForm").validate({
ignore: ":hidden",
rules: {
name: "required",
age: "required",
height: "required"
}
});
这篇关于jQuery验证程序-仅验证可见元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
