显示或隐藏在jQuery验证程序插件中不起作用 $（文档）.ready（函数（$）{ $（“#联系方式”）。验证({ 规则：{ 全名：{//输入名称：全名 必需：true，//必需的布尔值：true/false 最小长度：5， }, 电子邮件：{//输入名称：电子邮件 必需：true，//必需的布尔值：true/false 电子邮件：true//必需布尔值：true/false }, 主题：{//输入名称：主题 必需：true，//必需的布尔值：true/false 最小长度：5 }, 消息：{//输入名称：消息 要求：正确， 最小长度：1 } }, 消息：{//出错时显示的消息 全名：{ 要求：“请填写您的全名。”， minlength：“来吧，请告诉我全名。” }, 电子邮件：“输入有效电子邮件。”， 主题：{ 要求：“主题是什么？”， minlength:“ }, 信息：{ 要求：“你想说什么？”， 请完成你的想法，然后提交 } }, submitHandler:函数（表单）{ $（表格）.ajaxSubmit({ url:“echo/html”， 类型：“POST”， 成功：函数（$）{ $（“#联系人表单”）。延迟（500）。淡出（“慢”，函数（）{ $（“#发送”）.fadeIn（“慢”）； }); 返回false； } }); } }); }) #接触{ 填充：20px； 宽度：250px； 背景：#FFF； 边框：1px实心#29216d； 位置：静态； 边缘顶部：50px； 位置：固定； z指数：200； } .txt输入， .输入{ 颜色：#aaa； 保证金：3px0； 字体系列：Helvetica； 字体大小：11px； } .txt输入{ 宽度：250px； } .输入{ 宽度：200px； } .txt输入：焦点， .输入：焦点{ 颜色：#000； } 标签错误{ 浮动：左； 字体大小：10px； 字体大小：粗体； 颜色：#F0F； } .提交{ 边缘顶部：20px； 显示：块； } #发送{ 显示：无； } 成功

显示或隐藏在jQuery验证程序插件中不起作用 $（文档）.ready（函数（$）{ $（“#联系方式”）。验证({ 规则：{ 全名：{//输入名称：全名 必需：true，//必需的布尔值：true/false 最小长度：5， }, 电子邮件：{//输入名称：电子邮件 必需：true，//必需的布尔值：true/false 电子邮件：true//必需布尔值：true/false }, 主题：{//输入名称：主题 必需：true，//必需的布尔值：true/false 最小长度：5 }, 消息：{//输入名称：消息 要求：正确， 最小长度：1 } }, 消息：{//出错时显示的消息 全名：{ 要求：“请填写您的全名。”， minlength：“来吧，请告诉我全名。” }, 电子邮件：“输入有效电子邮件。”， 主题：{ 要求：“主题是什么？”， minlength:“ }, 信息：{ 要求：“你想说什么？”， 请完成你的想法，然后提交 } }, submitHandler:函数（表单）{ $（表格）.ajaxSubmit({ url:“echo/html”， 类型：“POST”， 成功：函数（$）{ $（“#联系人表单”）。延迟（500）。淡出（“慢”，函数（）{ $（“#发送”）.fadeIn（“慢”）； }); 返回false； } }); } }); }) #接触{ 填充：20px； 宽度：250px； 背景：#FFF； 边框：1px实心#29216d； 位置：静态； 边缘顶部：50px； 位置：固定； z指数：200； } .txt输入， .输入{ 颜色：#aaa； 保证金：3px0； 字体系列：Helvetica； 字体大小：11px； } .txt输入{ 宽度：250px； } .输入{ 宽度：200px； } .txt输入：焦点， .输入：焦点{ 颜色：#000； } 标签错误{ 浮动：左； 字体大小：10px； 字体大小：粗体； 颜色：#F0F； } .提交{ 边缘顶部：20px； 显示：块； } #发送{ 显示：无； } 成功,ajax,jquery,validation,Ajax,Jquery,Validation,看看上面的代码 所有验证器都工作正常，但当我填充所有数据字段时，它不会显示成功消息 我不知道我做错了什么 提前感谢。您的提交处理程序有一个问题，它使用了一个参数$，该参数覆盖了成功回调中的jQuery对象 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script src ="valid.js">

$

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src ="valid.js"></script>
<script type="text/javascript">
$(document).ready(function($){
    $("#contact-form").validate({
            rules: {
                fullName: {           //input name: fullName
                    required: true,   //required boolean: true/false
                    minlength: 5,       
                },
                email: {              //input name: email
                    required: true,   //required boolean: true/false
                    email: true       //required boolean: true/false
                },
                subject: {            //input name: subject
                    required: true,   //required boolean: true/false
                    minlength: 5
                },
                message: {            //input name: message
                    required: true,
                    minlength: 1
                }
            },
            messages: {               //messages to appear on error
                fullName: {
                      required:"Please put your full name.",
                      minlength:"C'mon full name please."
                      },
                email: "Enter a valid email.",
                subject: {
                      required: "Whats the topic?",
                      minlength: ""
                      },
                message: {
                      required: "What did you want to say?",
                      minlength: "Please complete your thoughts, then submit."
                      }
            },
            submitHandler: function(form) {
                   $(form).ajaxSubmit({
                            url:"echo/html",
                           type:"POST",
                        success: function($){
                           $("#contact-form").delay(500).fadeOut("slow", function(){
                $("#sent").fadeIn("slow");
            });
            return false;
                      }
                    });
            }

        });  
})

</script>

<style type="text/css">
#contact{
    padding: 20px;
    width: 250px;
    background: #FFF;
    border: 1px solid #29216d;
    position: static;
    margin-top:50px;
    position: fixed; 
    z-index: 200;
}   
.txt-input,
.input{
    color:#aaa;
    margin: 3px 0;
    font-family: Helvetica;
    font-size: 11px;
}
.txt-input{
    width: 250px;
}
.input{
    width: 200px;
}
.txt-input:focus,
.input:focus{
    color:#000;
}
label.error{
    float: left;
    font-size: 10px;
    font-weight: bold;
    color:#F0F;
}
.submit{
    margin-top:20px;
    display: block;
}
#sent{
    display:none;
}

</style>
<div id="contact" class="corner-5">
    <a class="handle" href="mailto%3Aelan%40trybuch.com">Content</a>
    <form id="contact-form" method="post">
        <input class="input required error" type="text" name="fullName" title="What shall I call you?"/>
        <input class="input required error" type="text" name="email" title="foo@bar.com"/>
        <input class="input required error" type="text" name="subject" title="Topic of conversation"/>
        <textarea class="txt-input required error" name="message" rows="6"></textarea>
        <input class="submit" type="submit" name="submit" value="submit"/>
    </form>
    <div id="sent">Sucess</div>
</div>

success:function（$）{$（“#联系表单”）.delay（500）.fadeOut（“slow”，function（）{$（“#sent”）.fadeIn（“slow”）}）

ajaxSubmit（）

$（表单）。提交（{

ajaxSubmit

submitHandler: function(form) {
    $(form).ajaxSubmit({
        url:"/echo/html",
        type:"GET",
        success: function(){
            $("#contact-form").delay(500).fadeOut("slow", function(){
                $("#sent").fadeIn("slow");
            });
            return false;
        }
    });
}