jquery - 如何验证 first_name 而不是 last_name

Question

如何检查 first_name 值是否存在（如果 last_name 仅存在）？如果我将 first_name 保留为空白并输入 last_name .. 在 first_name 中显示错误。如果 last_name 为空，则不显示错误

下面是html和验证脚本

<form id="myform">
    <input type="text" id="first_name" name="first_name" value="">
        <input type="text" id="last_name" name="last_name" value="">
    <input type="submit" />
</form>
<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            first_name:{ required:true },
            last_name:{ required:true }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

});

Answer 1

尝试这样的事情

       $('#myform').validate({ // initialize the plugin
            rules: {
                first_name:{ 
                    required: {
                       depends: function(element) {
                            return $('#last_name').val().length > 0;
                        }
                       }
                    } 
                },
            },
            submitHandler: function (form) { // for demo
                alert('valid form submitted'); // for demo
                return false; // for demo
            }
        });