{"id":275,"date":"2026-05-30T21:38:25","date_gmt":"2026-05-31T04:38:25","guid":{"rendered":"https:\/\/www.mariatech.com.mx\/blog\/?p=275"},"modified":"2026-05-30T21:38:26","modified_gmt":"2026-05-31T04:38:26","slug":"como-usar-form-request-validation-para-formularios-enviados-con-ajax","status":"publish","type":"post","link":"https:\/\/www.mariatech.com.mx\/blog\/laravel-php\/como-usar-form-request-validation-para-formularios-enviados-con-ajax\/","title":{"rendered":"C\u00f3mo usar Form Request Validation para formularios enviados con Ajax"},"content":{"rendered":"\n

Cuando trabajamos con formularios en Laravel, lo m\u00e1s com\u00fan es validar la informaci\u00f3n usando Form Requests<\/strong>. Esto permite mantener los controladores limpios y centralizar las reglas de validaci\u00f3n en clases independientes.<\/p>\n\n\n\n

Sin embargo, cuando el formulario se env\u00eda por medio de Ajax<\/strong>, especialmente desde modales o componentes din\u00e1micos, surge una duda com\u00fan: \u00bfc\u00f3mo devolvemos los errores de validaci\u00f3n en formato JSON sin dejar de usar la estructura nativa de Laravel?<\/p>\n\n\n\n

En este art\u00edculo veremos una forma pr\u00e1ctica de trabajar con Request validation<\/strong> con formularios Ajax, respuestas JSON y c\u00f3digos HTTP correctos.<\/p>\n\n\n\n

El problema com\u00fan<\/h2>\n\n\n\n

En un formulario tradicional, si la validaci\u00f3n falla, Laravel redirige autom\u00e1ticamente al usuario a la p\u00e1gina anterior y muestra los errores en la vista.<\/p>\n\n\n\n

Pero cuando usamos Ajax, no queremos una redirecci\u00f3n. Queremos una respuesta JSON que podamos procesar desde JavaScript para mostrar los errores dentro de un modal, un toast o una alerta.<\/p>\n\n\n\n

Una soluci\u00f3n r\u00e1pida suele ser hacer la validaci\u00f3n directamente en el controlador:<\/p>\n\n\n\n

$validator = Validator::make($request->all(), $rules, $messages);\n\nif ($validator->fails()) {\n    return response()->json([\n        'success' => false,\n        'errors' => $validator->errors()->all(),\n    ], 422);\n}<\/code><\/pre>\n\n\n\n
Aunque esto funciona, tiene una desventaja importante: la validaci\u00f3n queda mezclada dentro del controlador. Conforme el proyecto crece, esto vuelve el c\u00f3digo m\u00e1s dif\u00edcil de mantener.<\/p>\n\n\n\n
La mejor opci\u00f3n: seguir usando Form Request<\/h2>\n\n\n\n
Laravel permite seguir usando Form Requests aun cuando el formulario se env\u00eda por Ajax. Lo \u00fanico que necesitamos es personalizar la respuesta cuando la validaci\u00f3n falla.<\/p>\n\n\n\n
Primero, podemos crear un Form Request:<\/p>\n\n\n\n
php artisan make:request Admin\/User\/StoreUserRequest<\/code><\/pre>\n\n\n\n
Luego definimos las reglas de validaci\u00f3n:<\/p>\n\n\n\n
namespace App\\Http\\Requests\\Admin\\User;\n\nuse Illuminate\\Foundation\\Http\\FormRequest;\nuse Illuminate\\Validation\\Rule;\n\nclass StoreUserRequest extends FormRequest\n{\n    public function authorize(): bool\n    {\n        return true;\n    }\n\n    public function rules(): array\n    {\n        return [\n            'name' => ['required', 'string', 'max:255'],\n            'last_name' => ['required', 'string', 'max:255'],\n            'email' => ['required', 'email', 'max:255', Rule::unique('users', 'email')],\n            'phone' => ['nullable', 'digits:10'],\n            'id_profile_type' => ['required', 'exists:profile_types,id'],\n            'password' => ['required', 'string', 'min:8', 'confirmed'],\n            'enabled' => ['nullable', 'boolean'],\n        ];\n    }\n}<\/code><\/pre>\n\n\n\n
Personalizar la respuesta JSON de validaci\u00f3n<\/h2>\n\n\n\n
Por defecto, Laravel devuelve los errores agrupados por campo:<\/p>\n\n\n\n
{\n    \"message\": \"The given data was invalid.\",\n    \"errors\": {\n        \"email\": [\n            \"Este correo electr\u00f3nico ya est\u00e1 registrado.\"\n        ],\n        \"password\": [\n            \"La contrase\u00f1a debe tener al menos 8 caracteres.\"\n        ]\n    }\n}<\/code><\/pre>\n\n\n\n
Este formato es \u00fatil cuando queremos marcar errores campo por campo. Pero si nuestra interfaz usa modales y queremos mostrar una lista general de errores, puede ser m\u00e1s c\u00f3modo devolver una lista plana.<\/p>\n\n\n\n
Para eso podemos sobrescribir el m\u00e9todo failedValidation<\/code> dentro del StoreUserRequest:<\/p>\n\n\n\n
use Illuminate\\Contracts\\Validation\\Validator;\nuse Illuminate\\Http\\Exceptions\\HttpResponseException;\n\nprotected function failedValidation(Validator $validator): void\n{\n    throw new HttpResponseException(response()->json([\n        'success' => false,\n        'message' => 'Hay errores en el formulario.',\n        'errors' => $validator->errors()->all(),\n    ], 422));\n}<\/code><\/pre>\n\n\n\n
Con esto, la respuesta quedar\u00e1 as\u00ed:<\/p>\n\n\n\n
{\n    \"success\": false,\n    \"message\": \"Hay errores en el formulario.\",\n    \"errors\": [\n        \"El nombre es obligatorio.\",\n        \"Este correo electr\u00f3nico ya est\u00e1 registrado.\",\n        \"La contrase\u00f1a debe tener al menos 8 caracteres.\"\n    ]\n}<\/code><\/pre>\n\n\n\n
Controlador limpio usando el Form Request<\/h2>\n\n\n\n
Una vez que el Form Request est\u00e1 listo, el controlador puede mantenerse limpio:<\/p>\n\n\n\n
use App\\Http\\Requests\\Admin\\User\\StoreUserRequest;\nuse App\\Models\\User;\nuse Illuminate\\Http\\JsonResponse;\nuse Illuminate\\Support\\Facades\\Hash;\nuse Throwable;\n\npublic function store(StoreUserRequest $request): JsonResponse\n{\n    try {\n        $validated = $request->validated();\n\n        $user = User::create([\n            'name' => $validated['name'],\n            'last_name' => $validated['last_name'],\n            'email' => $validated['email'],\n            'phone' => $validated['phone'] ?? null,\n            'id_profile_type' => $validated['id_profile_type'],\n            'password' => Hash::make($validated['password']),\n            'enabled' => $validated['enabled'] ?? 1,\n        ]);\n\n        return response()->json([\n            'success' => true,\n            'message' => 'Usuario registrado correctamente.',\n            'user_id' => $user->id,\n        ], 201);\n\n    } catch (Throwable $e) {\n        report($e);\n\n        return response()->json([\n            'success' => false,\n            'message' => 'No fue posible registrar el usuario. Int\u00e9ntalo nuevamente.',\n        ], 500);\n    }\n}<\/code><\/pre>\n\n\n\n
C\u00f3digos HTTP recomendados<\/h2>\n\n\n\n
Es importante regresar c\u00f3digos HTTP correctos para que el frontend pueda interpretar bien la respuesta.<\/p>\n\n\n\n