Jquery 验证插件-显示消息

jquery版本：1.9.0
验证插件：

我想实现使字段输入变为红色并在其中显示错误消息的效果-我如何才能做到这一点？目前，我无法在任何地方显示错误。验证工作正常，一切似乎都正常，我的字段的id和名称具有相同的值…但什么也没发生。这是我的代码：

$(document).ready(function() {
        $("#form").validate({
            rules: {
                username: {
                    remote: {
                        url: '<?php echo URL::base(TRUE, TRUE); ?>form/validate/rules',
                        type: "POST",
                        data: {
                            <?php // some data ?>
                        }
                    }
                },
            },
            messages {
                username {
                        remote: "Fdsfdsfsdfdfs"
                }
            }
        });
});

---

但是也不起作用，firebug中出现了一些“找不到方法”错误…我找不到解决这个问题的任何方法，你能帮我吗？我想我已经很好地描述了我的问题。

如果您在使用此插件时遇到问题，可以打开调试以获得帮助：

$("#form").validate({
   debug: true,
   ...rest of the options
});

这可能有助于全面诊断问题

您说过希望“字段输入为红色，并在其中显示错误消息”。如果字段处于错误状态，验证插件应该为字段提供一个CSS类“error”（如果愿意，可以设置“errorClass”选项将其更改为另一个类）。因此，您可以将input.error设置为红色边框或任何您喜欢的样式

但是，将错误消息放在表单字段中会更加棘手。首先，若窗体字段是复选框、单选按钮或选择菜单，则无法执行此操作。我可以做的文字输入字段。然而，我建议不要这样做。例如，如果您有一个必填字段“name”，则在提交表单后，如果name字段为空，则会将其设置为error，但立即给定值“This field is required”，并且突然不再处于错误状态。CSS高亮显示将消失，用户可能不会注意到名称字段设置错误

在我看来，您探索errorPlacement函数的方向是正确的，尽管您可能也希望调查invalidHandler。“errorPlacement”处理单个字段的错误。“invalidHandler”通常用于在表单上显示一般错误状态

如果没有为errorPlacement设置任何内容，则validate插件会在作为错误状态的表单字段之后附加一个带有错误类的标签。所以，我通常发现您只需要为“label.error”设置一些CSS样式。例如：

<style>
    label.error {
        border: 1px solid red;
        color: red;
    }
</style>

标签错误{
边框：1px纯红；
颜色：红色；
}

---

希望有帮助

是否存在

element.parent（）.find（'div.form-errors'）

？你能做一个

console.log（element.parent（）.find（'div.form-errors'））

并查看一个元素是否返回吗我把它改成了error.appendTo（'div#form errors'），我100%确定它存在，但仍然没有发生任何事情。你能创建一个fiddle吗？你的意思是什么？我设置了所需规则的示例-此规则的消息按预期工作。然而，当我将此设置回远程规则的消息时，什么也不显示。不管怎样，谢谢，它不知怎么起作用了，现在我唯一剩下的就是忘记这个代码并祈祷：p这不是最简单的问题。我为它做了一把JS小提琴：

$("#form").validate({
   debug: true,
   ...rest of the options
});

<style>
    label.error {
        border: 1px solid red;
        color: red;
    }
</style>