jquery验证插件 - 所需的验证不能正常工作

Question

我使用jquery validate插件。 我的一个要求是当字段失去焦点时显示错误消息。

 rules: {
            firstName: {
                required: true,
                //minlength: 1,
                maxlength: 30
            },
            lastName: {
                required: true,
                //minlength: 1,
                maxlength: 30
            }
        },
        messages: {
            firstName: {
                required: "Please enter your first name",
                maxlength: "Please enter a value less than or equal to 30."

            },
            lastName: {
                required: "Please enter your last name",
                maxlength: "Please enter a value less than or equal to 30."
            }       
        }

 <div class="inline ui-grid-a">
                                    <div class="firstInput ui-block-a">
                                        <input type="text" class='signup-input first-name lettersOnly required' name="firstName" id="firstName" placeholder="" required value="${user?.firstname}">
                                    </div>
                                    <div class="secInput ui-block-b">
                                        <input type="text" class='signup-input last-name lettersOnly required' name="lastName" id="lastName" placeholder="" required value="${user?.lastname}">
                                    </div>
                                    </div>

例如，maxlength按预期工作，但只有在之前发生某些验证时才需要开始关注。