validation - jquery中的依赖输入字段验证

Question

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

假设我有 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>

Answer 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"
        }
    }
});

在这里摆弄