Jquery验证：错误消息始终显示多次

我正在尝试使用jquery验证进行验证，错误消息显示在div容器中。我的问题是，当我在输入字段中键入内容时，错误消息总是出现在“div.info”中，但我只希望在提交表单时错误消息总是出现。我的下一个问题是，当我提交多次错误消息时，是否也会显示多次

我的代码如下

Html代码

<div class="info"></div>
 <form id="fmlogin">
  <fieldset>
    <label>Email Address</label>
    <input type="text" name="email" />
    <label>Password</label>
    <input type="password" name="password"/>
    <input type="submit" value="login" />
  </fieldset>
 </form>

电子邮件地址
密码

jquery

<script type="text/javascript">
        $(document).ready(function(){       
        $("form#fmlogin").submit(function() {
            data= $("form#fmlogin").serialize();
            return false;
        });

        $("#fmlogin").validate({
            rules: {
                email: {
                    required: true,
                    email:true
                },
                password: {
                    required: true,
                }
            },      
        messages: {
            email: {
                required: "Email Address is required",
                email:"Email Address is not Valid"
            },
            password: {
                required: "Password is required",
            }
          },
        errorElement: "div",
        wrapper: "div", 
        errorPlacement: function(error, element) {  
            error.appendTo($('.info'));
        },
        submitHandler: function(form){          
            $.ajax({
                type: "POST",
                url: "login.php",
                data:data,
                success: function(response){
                    $(".info").text(response);
                }   
            }); 
        }
        }); 
        });
</script>   

$（文档）.ready（函数（）{
$（“表单#fmlogin”）.submit（函数（）{
data=$（“form#fmlogin”）.serialize（）；
返回false；
});
$（“#fmlogin”）.validate({
规则：{
电邮：{
要求：正确，
电子邮件：真的
},
密码：{
要求：正确，
}
},      
信息：{
电邮：{
必填：“需要电子邮件地址”，
电子邮件：“电子邮件地址无效”
},
密码：{
必填：“需要密码”，
}
},
错误元素：“div”，
包装器：“div”，
errorPlacement:函数（错误，元素）{
错误.appendTo（$（'.info'））；
},
submitHandler:函数（形式）{
$.ajax({
类型：“POST”，
url:“login.php”，
数据：数据，
成功：功能（响应）{
$（“.info”）.text（回复）；
}   
}); 
}
}); 
});

我是jquery验证新手，请帮助

谢谢

fmlogin

用这个

  var data=$("#fmlogin").serialize();
 $("#fmlogin").submit(function(){
   $.ajax({
            type: "POST",
            url: "login.php",
            data:data,
            success: function(response){
      //if you want to show error more that once than use append instead of text
                $(".info").append(response);
            }   
    })

---

作为回答，我的问题是jquery验证，而不是ajax。我希望在提交表单时显示错误消息，而不是在输入字段中键入内容时。下一个问题是，当我尝试提交多次时，错误消息也会多次出现在我的div.info中。@casper这就是我发布的解决方案？在

验证

之后使用submit事件，这样它将被调用一次。并且使用

append

以便在发布数据时多次显示错误。