본문 바로가기

개발/Laravel

Laravel Ajax Form Validation

1. Ajax Form Validation 요청

<script>
$(document).ready(function () {
        $("#submit").click(function (xhr) {
            xhr.preventDefault(),
                $.ajax({
                    type: "POST",
                    contentType: "charset=utf-8",
                    dataType: 'json',
                    url: "{{route('messages.store')}}",
                    headers: {
                        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
                    },
                    data: {
                        name: $("#name").val(),
                        email: $("#email").val(),
                        phone: $("#company").val(),
                        subject: $("#subject").val(),
                        message: $("#message").val()
                    },
                    success: function () {
                        alert('True');
                    },
                    error: function (xhr) {
                        console.log((xhr.responseJSON.errors));
                    }
                }, "json")
        })
});
</script>

2. Validation Error 표시

<script>
error: function (xhr) {
   $('#validation-errors').html('');
   $.each(xhr.responseJSON.errors, function(key,value) {
     $('#validation-errors').append('<div class="alert alert-danger">'+value+'</div');
 }); 
},
</script>
반응형

'개발 > Laravel' 카테고리의 다른 글

Laravel 라우팅 그룹 설정  (0) 2020.07.24
Laravel Validate Array of Uploaded File  (0) 2020.07.22
Laravel Pagination  (0) 2020.07.02
Laravel Storage 외부 파일 조회  (0) 2020.06.27
Laravel Storage 라라벨 외부 파일 업로드  (0) 2020.06.26