Javascript 在同一页面中使用多个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>'); 
     }
   } 
  });
});

$（'.myform'）。在（'submit'，函数（事件）{
postform=$（此项）；
event.preventDefault（）；
$（this）.ajaxSubmit（{
url:'process.php'，
键入：“post”，
数据类型：“json”，
成功：功能（响应）{
$。每个（响应、函数（索引、元素）{
var msgdiv=postform.children（'div.+divclass.）.append（''+message+''）；
}
} 
});
});

但是，ajax部分正在工作，但是错误消息没有加载到jQuery

'div.+divclass

中定义的div标记中。希望您能提供这样的帮助

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

postform.find（'.message'）.append（''+message+''）；

您不能有多个

id

s，这不是首选项。是的，您是对的。更改为类，但即使它不起作用。但您不应该在同一页中有两个#id。请改用类。是的，更改为类。