한 페이지에 여러 양식 추가 - 아약스를 통해 오류 메시지로드

Question

jQuery ajax를 통해 제출하는 단일 페이지에 여러 양식이 있습니다. 모든 양식은 동일한 클래스 이름을 사용합니다. 또한 양식 제출을 위해 malsup jquery 플러그인을 사용하고 있습니다. 성공적으로 데이터를 PHP 파일로 전달할 수 있지만 오류 메시지는 모든 양식 div.message에 반영됩니다. 나는 jquery에 모든 id를 가질 필요가 있기 때문에 다른 form id를 갖고 싶지 않습니다.

<form class="myform" method="post" action="process.php"> 
<input type="text" value="" > 
<input type="submit" value="Submit" > 
<div class="message"></div> 
</form> 

<form class="myform" method="post" action="process.php"> 
<input type="text" value="" > 
<input type="submit" value="Submit" > 
<div class="message"></div> 
</form> 

jQuery를 부분

<script> 
$(document).ready(function() { 
$('.myform').on('submit', function(event) { 
    event.preventDefault(); 
    $(this).ajaxSubmit({ 
     url: 'process.php', 
     type: 'post', 
     dataType: 'json', 
     success: function(response){ 
      $.each(response, function(){ 
        $('div.message').append('<div>'+message+'</span>'); 
       } 
      }  
    }); 

}); 
}); 
</script> 

어떻게 제대로 제출 양식의 div.message에 오류 메시지를 추가 할 수 있습니까? 도움이 될 것입니다.

Answer 1

게시하기 전에 msg div를 얻을 수 있다고 생각합니다.

$(document).ready(function() { 
    $('.myform').on('submit', function(event) { 
     msgDiv=($this).children('div.message');//before post get the msg div first 
     event.preventDefault(); 
     $(this).ajaxSubmit({ 
      url: 'process.php', 
      type: 'post', 
      dataType: 'json', 
      success: function(response){ 
       $.each(response, function(){ 
         msgDiv.append('<div>'+message+'</span>'); 
        } 
       }  
     }); 

    }); 
    }); 
    </script>