Formulario en Laravel 12 con Controlador, Validación y Bootstrap Input Text | Part 01

Autor: J. Luis

#Laravel

📚 Aprende a crear un formulario en Laravel 12 con validación, Bootstrap y controlador. Implementa un campo de texto, valida datos y muestra resultados capturados sin mod

Suscríbete a nuestro canal en Youtube

En este tutorial, aprenderás a crear un formulario básico con un campo de texto utilizando Laravel , Bootstrap y un controlador (FormController). Además, implementaremos validación y mostraremos los datos capturados sin usar modelos.

Requisitos Previos

Antes de comenzar, asegúrate de tener lo siguiente instalado:

PHP (versión compatible con Laravel 12).
Composer (para instalar dependencias).
Un proyecto de Laravel inicializado.
Conocimientos básicos de PHP y Laravel.

Paso 1: Crear el Controlador

Para organizar mejor el código, crearemos un controlador llamado FormController. Ejecuta el siguiente comando en tu terminal:

php artisan make:controller FormController

Esto generará un archivo en la ruta app/Http/Controllers/FormController.php.

Editar el Controlador

Abre el archivo FormController.php y define los métodos create y store:

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class FormController extends Controller
{
    // Método para mostrar el formulario
    public function create()
    {
        return view('formulario.create');
    }

    // Método para procesar los datos del formulario
    public function store(Request $request)
    {
        // Validar los datos
        $validated = $request->validate([
            'nombre' => 'required|string|max:255', // El campo "nombre" es obligatorio
        ]);

        // Mostrar los datos capturados
        return view('formulario.store', ['nombre' => $validated['nombre']]);
    }
}

Paso 2: Configurar las Rutas

Ahora, en el archivo routes/web.php, define las rutas que apunten al controlador:

use App\Http\Controllers\FormController;

Route::get('/formulario', [FormController::class, 'create'])->name('formulario.create');
Route::post('/formulario', [FormController::class, 'store'])->name('formulario.store');

Paso 3: Crear las Vistas Blade

Vista del Formulario (`create.blade.php`)

Crea un archivo llamado create.blade.php dentro de la carpeta resources/views/formulario/. Este archivo será responsable de mostrar el formulario.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario con Laravel y Bootstrap</title>
    <!-- Incluir Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <h2 class="mb-4">Formulario Simple en Laravel</h2>

        <form action="{{ route('formulario.store') }}" method="POST" class="w-50">
            @csrf

            <!-- Campo de Texto -->
            <div class="mb-3">
                <label for="nombre" class="form-label">Nombre:</label>
                <input type="text" id="nombre" name="nombre" class="form-control @error('nombre') is-invalid @enderror" value="{{ old('nombre') }}">
                @error('nombre')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <!-- Botón de Envío -->
            <button type="submit" class="btn btn-primary">Enviar</button>
        </form>
    </div>
</body>
</html>

Leido 1100 veces | 0 usuarios

Código fuente no disponible.

Compartir link del tutorial con tus amigos