jquery中的依赖输入字段验证

时间:2013-05-30 05:54:10

标签: validation jquery-validate

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

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

1 个答案:

答案 0 :(得分:2)

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

<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