LaravelでPHPのバリデーションエラーをAjaxで拾う方法

プログラミング初心者です。

Laravel5.2.+Ajaxで登録フォームを作っています。
バリデーション自体はサーバーサイドで行いたいためPHP上で行うよう、AjaxでPHPにリクエストを送り、Laravelのコントローラーを通してRequestバリデーションを行っています。そちらでエラーメッセージなども設定しています。
処理自体はうまくいくのですが、バリデーションエラー時のエラーメッセージの取り出し方がわかりません。
エラー別にメッセージを取り出したいため、直接Requestで設定したメッセージを表示しようとしたのですが、返ってくるメッセージはひどく文字化けしています。
Chromeのデベロッパーツールなどで確認したところ、Requestコントローラーで設定したメッセージはPreviewタブでは正常に表示され、Responseタブでは文字化けした状態でした。
正常にエラーメッセージを表示するにはどうすればよいでしょうか。

これをControllerから呼び出してバリデーションしています。

php
1Request.php
2~~~~~
3    public function rules()
4    {
5        return [
6          'hoge' => 'sometimes|required',
7          'hoge2' => 'sometimes|required',
8        ];
9    }
10
11    public function messages()
12   {
13       return [            
14           'hoge.required' => '必須です。',
15           'hoge2.required' => '必須です。',
16       ];
17   }

javascript
1$(document).ready(function()
2    {
3   $.ajaxSetup({
4 	headers: {
5  	   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
6 	}
7	});
8
9   $.ajax({
10        type: "POST",
11        url: "complete",
12        dataType: 'script',
13        scriptCharset: 'utf-8',
14        data: data,
15
16           success: function(data, dataType)
17                {
18                    alert("登録が完了しました");
19                },
20                
21                error: function(XMLHttpRequest, textStatus, errorThrown)
22                {
23                  alert('エラー' + XMLHttpRequest.responseText)
24                }
25            });            
26            return false;
27        });
28    });