jquery中的依赖输入字段验证答案

【问题标题】：dependent input field validations in jqueryjquery中的依赖输入字段验证
【发布时间】：2014-05-01 09:27:30
【问题描述】：

我正在尝试验证依赖输入字段，但我不知道..

假设我有 3 个名为 first_name、middle_name 和 age 的字段。如果所有字段都是空的或空白的，那么没关系，但是当第一个字段被填充时，其他两个必须要求并正确验证......那么我如何使用 jquery 来实现这一点。我正在使用 jquery.js 和 jquery.validate.js

<script>
$(document).ready(function(){
     $("#frm").validate({
                rules:{
                    middle_name:{
            required: function(element) {
            return $('input[name="first_name"]').val() != '';
            }
                     }
                },
                messages:{
                      middle_name:{
                          required:"now it is mandatory.."
                },
});
});
</script>

【问题讨论】：

标签： validation jquery-validate

【解决方案1】：

您的代码在我看来是正确的 - 只是为了明确说明您需要做什么尝试这样的标记

<form>
    <input type="text" name="first_name" id="first_name" class="required"/>
    <input type="text" name="middle_name" id="middle_name"/>
    <input type="text" name="last_name" id="last_name"/>
    <input type="submit" />
</form>

您可以使用选择器或函数作为所需参数的值，我在下面都使用过

$("form").validate({
    rules:{
        middle_name:{
            required:function(){
                 return $('input[name="first_name"]').val() != '';  
            }
        },
        last_name:{
            required:"#first_name:filled"
        }
    }
});

fiddle here

【讨论】：