jQuery 验证插件使用标题而不是指定的错误消息

Question

当我尝试创建一个方法来使用additional-methods.js 文件中提供的方法时，我得到了预期的验证。但是，如果用户输入错误的值，则用户不会显示在 additional-methods.js 文件中定义的异常，而是会看到当前元素的标题，该标题当前用于 type-暗示。

我的 JavaScript 看起来像这样：

  //setup input validation
                validator = form.validate({
                    rules: {
                        city: {
                            required: true,
                            lettersonly: true
                        }
                    }
                }); 

  $('input, textarea').blur(function(){
                    element = $(this);

                    // if the user gave no value then show the this field is required
                    if(element.val() == element.attr('title')){ 
                        refreshError(element, 'This field is required');
                    }else if(element.val() == '') {  //if the value is empty then check if it was required, also check if it had an input hint
                        //if the element is required display the error message
                        if(element.hasClass('required')){ 
                            refreshError(element, 'This field is required');
                        }

                        //if the title exists then we assume it is the input hint
                        if(element.attr('title') != ''){
                            element.val(element.attr('title'));
                            element.addClass('inputHint');
                        }
                    }else{
                        //if we got input validate it
                        response = element.valid();
                        //if we got an error clear the old one(conditional on existance), and display the new one. Otherwise clear any old error
                        if(!response){
                            this.defaultShowErrors();
                        }else{
                            errorId = element.attr('id')+'Error';
                            $('#'+errorId).remove();
                        }
                    }
                });

表单的相关部分是：

<label for="city">City:</label>
<input type="text" name="city" id="city" class="required inputHint" title="Your city here" />

关于我做错了什么有什么想法吗？我正在使用 1.9.0 版本的 jQuery 验证器插件

注意：读完以下内容后，我想我已经一语中的了：jQuery 验证插件的 addMethod() 显示标题属性的错误 但尝试后：

                    //setup input validation
                validator = form.validate({
                    rules: {
                        city: {
                            required: true,
                            lettersonly: true
                        }
                    },
                    messages: {
                        city: {
                            lettersonly: "you must give a valid city"
                        }
                    }
                }); 

我发现没有任何改变。

Answer 1

我刚刚遇到此错误并遇到了 ignoreTitle 选项：

//setup input validation
validator = form.validate({
    ignoreTitle: true,
    rules: {
        city: {
            required: true,
            lettersonly: true
        }
    },
    messages: {
        city: {
            lettersonly: "you must give a valid city"
        }
    }
});