gpt4 book ai didi

jquery validator - 仅验证可见元素

转载 作者:行者123 更新时间:2023-12-03 22:58:55 24 4
gpt4 key购买 nike

我有一个隐藏/显示 div 的单选按钮。所有可见元素都是“必需的”,但是在验证规则之后添加ignore:“:hidden”不起作用......代码如下:

<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>

如果选中“成人”,我希望能够提交仅提供姓名的表单...有什么想法吗? :)

最佳答案

您可以指定dependency expressions在您的 required 规则中让它们忽略不可见的元素:

$("#myForm").validate({
rules: {
name: "required",
age: {
required: "#age:visible"
},
height: {
required: "#height:visible"
}
}
});

您可以在 this fiddle 中看到结果.

编辑: ignore 也可以,但它是一个选项,而不是规则,所以你应该写:

$("#myForm").validate({
ignore: ":hidden",
rules: {
name: "required",
age: "required",
height: "required"
}
});

关于jquery validator - 仅验证可见元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7349902/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com