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.' + divclass中定义的div标签中。任何帮助将不胜感激

Answer 1

喜欢这个吗？

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

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

1 个答案: