Jquery-表单验证，将css样式添加到错误消息中

我试图将css样式添加到使用Jquery验证显示的错误消息中。这些都在信息下面。我是Jquery新手，我尝试过在错误消息中添加css类，但没有效果

---

HTML表单

---

名称
主题
电子邮件地址
消息
提交

---

Jquery

---

$（“#联系方式”）。提交（函数（）{
$（“#加载图像”）.show（）；
$（'#loadingtext'）.show（）；
});
（函数（$，W，D）
{
var JQUERY4U={}；
JQUERY4U.UTIL=
{
setupFormValidation:函数（）
{
//表单验证规则
$（“#联系方式”）。验证({
规则：{
名称：“必需”，
主题：“必选”，
电邮：{
要求：正确，
电子邮件：真的
},
评论：“必需”
},
信息：{
姓名：“请输入您的姓名”，
主题：“请输入主题”，
电子邮件：“请输入有效的电子邮件地址”，
评论：“请输入您的信息”，
},
submitHandler:函数（表单）{
表单提交（）；
}
});
}
}
//当dom加载了设置表单验证规则时
$（D）.就绪（函数（$）{
JQUERY4U.UTIL.setupFormValidation（）；
});
})（jQuery、窗口、文档）；

尝试添加

errorClass:'error'，

$("#contact-form").validate({
                            rules: {
                                name: "required",
                                subject: "required",
                                errorClass:'error',
                                email: {
                                    required: true,
                                    email: true
                                },
                                comment: "required"
                            },
                            messages: {
                                name: "Please enter your Name",
                                subject: "Please enter a Subject",
                                email: "Please enter a valid Email Address",
                                comment: "Please enter your Message",

                            },
                            submitHandler: function(form) {
                                form.submit();
                            }
                        });

---

这个jQuery4U代码只是过于复杂的废话；一切都可以大大简化。它除了给新用户带来更多的混乱之外，没有任何用处。

    <script type="text/javascript">
                 $('#contact-form').submit(function () {
                 $('#loadingimage').show();
                 $('#loadingtext').show();
                });
    </script>

    <script type="text/javascript">
        (function($,W,D)
        {
            var JQUERY4U = {};

            JQUERY4U.UTIL =
            {
                setupFormValidation: function()
                {
                    //form validation rules
                    $("#contact-form").validate({
                        rules: {
                            name: "required",
                            subject: "required",
                            email: {
                                required: true,
                                email: true
                            },
                            comment: "required"
                        },
                        messages: {
                            name: "Please enter your Name",
                            subject: "Please enter a Subject",
                            email: "Please enter a valid Email Address",
                            comment: "Please enter your Message",

                        },
                        submitHandler: function(form) {
                            form.submit();
                        }
                    });
                }
            }

            //when the dom has loaded setup form validation rules
            $(D).ready(function($) {
                JQUERY4U.UTIL.setupFormValidation();
            });

        })(jQuery, window, document);
        </script>

$("#contact-form").validate({
                            rules: {
                                name: "required",
                                subject: "required",
                                errorClass:'error',
                                email: {
                                    required: true,
                                    email: true
                                },
                                comment: "required"
                            },
                            messages: {
                                name: "Please enter your Name",
                                subject: "Please enter a Subject",
                                email: "Please enter a valid Email Address",
                                comment: "Please enter your Message",

                            },
                            submitHandler: function(form) {
                                form.submit();
                            }
                        });