동일한 페이지에서 여러 Ajax 양식 작업

Question

이 질문에서 제안한 후에 ​​Multiple forms in in a page - load error messages via ajax 동일한 페이지에서 여러 양식을 작성하려고합니다. 각 입력 div 클래스에 오류 메시지를 추가하려고합니다. jquery에서 단일 ID가 있어야하므로 다른 양식 ID를 사용하고 싶지 않습니다. 아약스 부분이 작동하고 있지만 오류 메시지가 jQuery를 'div.' + divclass에 정의 된 div 태그를로드하지 않습니다하지만 내가

<form class="myform" name="myform"> 
<div class="name"> 
<input type="text" name="name" /> 
</div> 
<div class="message"> 
<input type="text" name="message" /> 
</div> 
<input type="submit" name="submit" /> 
</form> 

<!-- second form --> 
<form class="myform" name="myform"> 
<div class="name"> 
<input type="text" name="age" /> 
</div> 
<div class="message"> 
<input type="text" name="gender" /> 
</div> 
<input type="submit" name="submit" /> 
</form> 

와 jQuery를 부분과 같은 형태를 가지고

$('.myform').on('submit', function(event) { 
    postform = $(this); 
    event.preventDefault(); 
    $(this).ajaxSubmit({ 
    url: 'process.php', 
    type: 'post', 
    dataType: 'json', 
    success: function(response){ 
    $.each(response, function(index, element){ 
     var msgdiv = postform.children('div.' + divclass).append('<span>'+message+'</span>'); 
    } 
    } 
    }); 
}); 

입니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이와 비슷한?

postform.find('.message').append('<span>' + message + '</span>');