TypeError：a未定义+未捕获TypeError：无法读取未定义的属性“ length”

Question

我正在使用jQuery 1.11.1，并且在Firebug的控制台中收到此错误：

TypeError: a is undefined

和

Uncaught TypeError: Cannot read property 'length' of undefined 
m.extend.each 
(anonymous function) 
j 
k.fireWith 
x 
b

在Google Chrome浏览器的控制台中。

这是控制台中的屏幕截图： http : //imgur.com/xCHrAm1

我的JavaScript代码是这样的：

<script>
        $(document).ready( function () {

            $('#submit').on('click', function(e) {

                e.preventDefault();


                var formData = new FormData();

                formData.append('username', $('#username').val());
                formData.append('email', $('#email').val());
                formData.append('password', $('#password').val());
                formData.append('password_confirmation', $('#password_confirmation').val());

                $.ajax({
                    url:         'registration',
                    method:      'post',
                    processData: false,
                    contentType: false,
                    cache:       false,
                    dataType:    'json',
                    data:        formData,
                    beforeSend: function()
                        {
                            $('#ajax-loading').show();
                            $(".validation-error-inline").hide();
                        }
                    })
                    .done(function(data) {

                        if (data.validation_failed == 1)
                        {
                            var arr = data.errors;

                            $.each(arr, function(index, value)
                            {
                                if (value.length != 0)
                                {
                                    $("#" + index).after('<span class="text-error validation-error-inline">' + value + '</span>');
                                }
                            });
                            $('#ajax-loading').hide();

                        }


                    })
                    .fail(function(jqXHR, ajaxOptions, thrownError) {
                        alert('No response from server');
                    });
                    return false;

            });
        });
    </script>

当我注释掉这一部分时，我发现：

$.each(arr, function(index, value)
    {
        if (value.length != 0)
        {
            $("#" + index).after('<span class="text-error validation-error-inline">' + value + '</span>');
        }
});
$('#ajax-loading').hide();

然后我没有任何错误。 为什么$.each导致问题？

任何想法如何解决？

顺便说一句。 我正在使用Laravel和

Answer 1

更改：

var arr = data.errors;

至：

var arr = data.error;

和：

$("#" + index).after('<span class="text-error validation-error-inline">' + value + '</span>');

至：

$("#" + index).after('<span class="text-error validation-error-inline">' + value[0] + '</span>');