Question

我在一个页面中有多个表单通过jQuery ajax提交。所有表单都使用相同的类名。我也使用malsup jquery插件进行表单提交。我可以成功地将数据传递给php文件，但错误消息反映在所有表单div.message上。我不想拥有不同的表单ID，因为我需要在jquery中拥有所有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>

页面中的多个表单 - 通过ajax加载错误消息

1 个答案: