Jquery 유효성 검사 : 오류 메시지가 항상 두 번 이상 표시됩니다.

Question

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> 

나는 JQuery와 유효성 검사와 새로운 오전 아래, 도와주세요 같다?

감사

Answer 1

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); 
      } 
    })