javascript - 使用 JQuery 如何检查我只需要填写的两个字段

Question

使用 jQuery，我的用户只需输入一个字段、ssn 或电话，但我如何在 jquery 中检查以验证是否已检查？

<script type="text/javascript">
    $(document).ready(function () {
        $("#memberrequest").validate({
            rules: {
                phonenumber: {
                    minlength: 12,
                    maxlength: 12
                },

                ssn: {
                    minlength: 10,
                    maxlength: 10
                }

            }
        });


    });
</script>

请帮帮我

Answer 1

我根据您发布的内容为您制作了一个小提琴，它仍然需要定制，但它展示了您的要求。

http://jsfiddle.net/whytheday/QP4wd/1/

$(document).ready(function () {
    $("#memberrequest").validate({
        rules: {
            phonenumber: {
                minlength: 12,
                maxlength: 12,
                required: {
                    depends: function(element){
                        return $("#ssn").val().trim() == ""
                    }
                }
            },

            ssn: {
                minlength: 10,
                maxlength: 10,
                required: {
                    depends: function(element){
                        return $("#phonenumber").val().trim() == ""
                    }
                }
            }

        }
    });
});

您只需将其设置为必需，然后您可以设置依赖项，您可以检查其他字段是否有值。

Answer 2

您可以遍历这两个字段，看看是否有一个值：

$( function () {
    var passesValidation = false;

    $('input').each( function() {
        if ( $(this).val() ) { passesValidation = true; } // could add optional check against length for this field
        //  $(this).val().length && $(this).val().length >= $(this).attr('data-minlength') or some such
    });


});

http://jsfiddle.net/nq69r/

Answer 3

查看“必需” http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-expression的选项。您可以指定依赖表达式或依赖回调。这意味着您提供了一些 javascript 代码（在 class 属性中，示例只是说 required:true），并且您说“如果我的代码评估为 true，那么这个表单元素是必需的”。

因此，在您的情况下，电话号码和 ssn 字段都需要依赖表达式，即“如果另一个为空，则需要这个”。