javascript - 在同一页面中使用多个 ajax 表单

Question

根据这个问题的建议Multiple forms in in a page - load error messages via ajax我正在尝试在同一页面中处理多种表单。 我正在尝试将错误消息附加到相应的输入 div 类中。我不想有不同的表单 id，因为我需要在 jquery 中有单个 id。我有类似

的表格

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

然而，ajax 部分正在工作，但错误消息不会加载到 jQuery 'div' 中定义的 div 标记中。 + divclass。任何帮助将不胜感激

Answer 1

像这样吗？

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