Jquery验证依赖字段
Jquery验证依赖字段
提问于 2010-10-20 15:54:58
我有4个字段，用户应该在其中至少一个输入值。因此，我试图验证，这4个字段中的每一个都是必需的，只有当它们都为空时，否则就不需要了。
该规则似乎对我选择的第一个尝试的字段有效，但即使在我提供了一个值之后，所需的错误仍然存在。
这是我的代码：
$("#ProspectDtlFrm").validate({
rules: {
prsptEmail: {
required: function(element) {
return (
$("#prsptHomePhone").val() == '' &&
$("#prsptBusinessPhone").val() == '' &&
$("#prsptMobilePhone").val() ==''
)
}
}
},
messages: {
prsptEmail: "Please enter your first name"
}
}); 回答 4
Stack Overflow用户
发布于 2010-10-20 16:05:02
您可以使用depends
$('#ProspectDtlFrm').validate({
rules: {
prsptEmail: {
required: {
depends: function(element) {
return ($('#prsptHomePhone').val() == '' &&
$('#prsptBusinessPhone').val() == '' &&
$('#prsptMobilePhone').val() == '');
}
}
}
},
messages: {
prsptEmail: 'Please enter your first name'
}
});Stack Overflow用户
发布于 2012-12-13 01:07:00
depends子句仍然受支持。此版本来自1.11.0pre版本：
normalizeRules: function(rules, element) {
// handle dependency check
$.each(rules, function(prop, val) {
// ignore rule when param is explicitly false, eg. required:false
if (val === false) {
delete rules[prop];
return;
}
if (val.param || val.depends) {
var keepRule = true;
switch (typeof val.depends) {
case "string":
keepRule = !!$(val.depends, element.form).length;
break;
case "function":
keepRule = val.depends.call(element, element);
break;
}
if (keepRule) {
rules[prop] = val.param !== undefined ? val.param : true;
} else {
delete rules[prop];
}
}
});如您所见，您可以在"string“和"function”之间进行选择。因此，您可以使用：
rules: {
input_name_here: {
required: {
depends: function(element) {
return $("#thickBoxId:checked").length;
//or whatever you need to check
}
}
}
}或
rules:{
input_name_here:{
required: '#tickBoxId:checked'
}
}如果您只需要测试是否存在已检查的内容。
Stack Overflow用户
发布于 2012-03-27 21:16:14
“依赖”似乎不再受支持，而且他们的文档也不是最新的。
因此，在选中“yes”复选框的情况下，请验证另一个字段：
rules:{
'name value of area you want to validate':{
required: '#tickBoxId:checked'
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3975778
复制相关文章
相似问题