Разделить ошибки запроса Laravel на разделы

Question

Разделить ошибки запроса Laravel на разделы

Я хочу иметь возможность разбить мою ошибку Laravel сообщение на разделы.

Допустим, у меня есть страница страхового полиса, которая имеет 3 раздела

Детали драйвера

Детали автомобиля

Детали политики

Я использую запрос Laravel, как это

'driver_name' => 'required',
'address_line_1' => 'required',
'address_line_2' => 'required',
'address_line_3' => 'required',
'postcode' => 'required',

Я хочу иметь возможность пометить определенные ошибки ввода при проверке с помощью запроса ввода, подобного этому, чтобы я мог отображать сообщение об ошибке в верхней части каждого раздела вместо 1 гигантского блока ошибок со всеми ошибками в нем.

В запросе, как бы я отправить его обратно с тегом раздела, как

‘driver_name’ => ‘обязательно | раздел: driverDetails’

Чтобы разделить ошибки?

Если сообщения об ошибках laravel не могут быть помечены, какова была бы лучшая практика для достижения этой цели?

0

laravel laravel-5 laravel-request php

Решение

Другие решения

Вы можете получить $ ошибок для каждого правила проверки
Итак, если у вас есть следующее правило:

‘driver_name’ => ‘required’,

Вы можете просто вывести ошибку поверх поля driver_name в вашем блейде

@if ($errors->has('driver_name'))
<div class="error">{{ $errors->first('driver_name') }}</div>
@endif
<input type="text" name="driver_name">

Вы можете обратиться к документации Вот

0

Источник

Accepted Answer

Вы можете использовать Vue.js и axios для проверки и отображения ошибок. Иметь маршрут / validate-data в контроллере для проверки данных.

файл app.js:

       import Vue           from 'vue'
window.Vue = require('vue');
window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

class Errors {
constructor() {
this.errors = {};
}

get(field) {
if (this.errors[field]) {

return this.errors[field][0];
}
}

record(errors) {
this.errors = errors;
}

clear(field) {
delete this.errors[field];
}

has(field) {
return this.errors.hasOwnProperty(field);
}

any() {
return Object.keys(this.errors).length > 0;
}
}

new Vue({
el: '#app',

data:{
errors: new Errors(),
model: {
driver_name: '',
address_line1: '',
address_line2: ''
},
},

methods: {
onComplete: function(){
axios.post('/validate-data', this.$data.model)
// .then(this.onSuccess)
.catch(error => this.errors.record(error.response.data.errors));
},
}
});

Создайте маршрут с именем / validate-data с помощью метода в контроллере, выполните стандартную проверку

$this->validate(request(), [
'driver_name' => 'required',
'address_line_1' => 'required',
'address_line_2' => 'required',
'address_line_3' => 'required',
'postcode' => 'required'
]

Затем создайте свои входные данные в файле представления, используя v-модель, которая соответствует полям модели данных vue.js. Под ним добавьте диапазон с классом ошибок (например, базовым стилем красной ошибки), который отображается только при наличии ошибок. Например:

<input type="text" name="driver_name" v-model="model.driver_name" class="input">
<span class="error-text" v-if="errors.has('driver_name')" v-text="errors.get('driver_name')"></span>

Не забудьте включить файл app.js в нижний колонтитул вашего файла представления. Не забудьте включить тег и запустить npm run watch, чтобы скомпилировать код vue. Это позволит вам проверить все ошибки под их полями ввода.

Забыл добавить, есть кнопка с @ onclick = «onComplete» для запуска метода validate.

2