Laravel: validar confirmación de contraseña

En el corto post de hoy veremos cómo validar que las contraseñas que el usuario escribe sean iguales al momento de registrar un usuario, es decir, que la contraseña y la confirmación de la contraseña coincidan.

Así vas a poder mostrar el mensaje de “Las contraseñas deben coincidir” o “Vuelve a escribir tu contraseña”

Esto se puede hacer con un if o cosas complejas, pero te enseñaré a comprobar si las 2 contraseñas son iguales dentro del Request que llega al formulario, dentro de StoreUserRequest específicamente.

Por cierto, estoy suponiendo que usas la autenticación de Laravel para crear usuarios o que al menos usas un Request para enviar el formulario.

Validando confirmación de contraseña

Lo único que tenemos que hacer es modificar el StoreUserRequest o el request que uses para registrar al usuario. En mi caso mis reglas se ven así:

<?php
/**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, mixed>
     */
    public function rules()
    {
        return [
            "name" => "required",
            "email" => "email:rfc",
            "password" => "required",
            "passwordConfirm" => "required|same:password",
            "rol" => "required",
        ];
    }

Presta atención a la línea 12, ahí estoy indicando que el campo password es requerido, pero además en la línea 13 indico que el campo passwordConfirm es requerido y debe ser igual al campo password con same:password.

Formulario para crear usuario

En este caso es necesario que el campo se llame igual que el de la validación. Por lo tanto mis campos son password y passwordConfirm:

<div class="field">
    <label class="label">Contraseña</label>
    <div class="control">
        <input required class="input" type="password" placeholder="Escribe la contraseña" name="password">
    </div>
</div>
<div class="field">
    <label class="label">Confirmar contraseña</label>
    <div class="control">
        <input required class="input" type="password" placeholder="Vuelve a escribir la contraseña"
            name="passwordConfirm">
    </div>
</div>

Abajo del formulario estoy mostrando los errores en caso de que existan:

@if(session("mensaje"))
<div class="mt-2 notification is-{{session('tipo') ? session("tipo") : "info"}}">
    {{session('mensaje')}}
</div>
@endif
@if (!empty($errors->all()))
<div class="notification is-danger mt-2">
    <h4 class="is-size-4">Por favor, corrige lo siguiente:</h4>
    <ul>
        @foreach ($errors->all() as $mensaje)
        <li>
            {{ $mensaje }}
        </li>
        @endforeach
    </ul>
</div>
@endif

Y en caso de que el usuario no escriba las mismas contraseñas y envíe el formulario, aparecerá lo siguiente:

La ventaja de usar Requests es que si la misma es inválida nunca llegará a nuestro controlador en donde guardamos el usuario.

Por aquí te dejo más tutoriales de Laravel.