使用JQuery Validation Plugin进行条件validation
我有一个简单的html表单,我已经使用JQuery Validation插件添加了validation。 我让它适用于需要值的单个字段。 我现在需要对其进行扩展,以便如果用户对问题回答“是”,则必须在“详细信息”字段中输入内容,否则“详细信息”字段可以留空。 我正在使用单选按钮显示是/否。 这是我完整的html表单 – 我不知道从哪里开始:
$.metadata.setType("attr", "validate"); $(document).ready(function() { $("#editRecord").validate(); }); .block { display: block; } form.cmxform label.error { display: none; } Questions
Questions Page 1
在元素上,为
required
添加依赖关系表达式 ,例如对于问题1,执行以下操作:
validate="required:'input[name=Question1][value=Yes]:checked'"
这表示如果$('input[name=Question1][value=Yes]:checked').length > 0
则该字段是必需的,因此如果选中Yes,则需要:)
你可以在这里看到一个有效的演示
你可以这样做:
$("#editRecord").validate({ rules: { 'Details1': { required: function() { return $('input[name=Question1]').val() == 'yes'; } } 'Details2': { required: function() { return $('input[name=Question2]').val() == 'yes'; } } } });
针对上面提到的Nick Craver建议的回应,我发现了正确的语法:
类= “validation[需要] [名称=问题1] [值=是]:检查”
而不是他发布的内容。
谢谢你让我走上正轨!