Estoy haciendo el tutorial cms de cakephp 5 con la validación de formularios de Boostrap 5.
Al momento de querer enviar el formulario para probar la validación de los inputs, puedo ver que el HTML generado por el Form Helper no muestra el div class "invalid-feedback" que es el div y la clase que le puse en el Form Helper, inspeccionando los elementos con la herramienta del navegador, el div que contiene el mensaje de error no aparece en la estructura html del elemento, solo se muestra el div con el mensaje de error cuando el formulario ya fue validado y me redirecciona a la vista del formulario nuevamente, he intentado modificar el Form Helper para que se muestre un div personalizado con el error que quiero mostrar y si se genera el HTML con el div, pero no muestra el texto con el error que quiero mostrar, sale el div vacío sin el mensaje de error.
Imagen antes de enviar el formulario
Imagen después de enviar el formulario, donde si se muestra el mensaje de error.
Por default el Form Helper genera un div class="error-message" para los inputs required, yo le cambie la clase al div por este:
/vendor/cakephp/cakephp/src/View/Helper/FormHelper.php
'error' => '<div id="{{id}}" class="invalid-feedback">{{content}}</div>'
En la variable inputContainer tiene lo siguiente:
'inputContainer' => '<div class="input {{type}}{{required}}">{{content}}</div>'
Intenté agregar {{error}} después de {{content}} en inputContainer pero el div invalid-feedback sigue sin generarse, solo se genera si lo pongo directamente en lugar de {{error}} de esta forma, pero el mensaje de error que quiero mostrar no se muestra:
'inputContainer' => '<div class="input {{type}}{{required}}">{{content}}<div class="invalid-feedback">{{error}}</div></div>'
Hay alguna forma de hacer esto posible, mostrar el div con el mensaje de error antes de enviar el formulario? La validación de boostrap 5 la quiero para mostrar posibles errores en el llenado del formulario antes de ser enviado.
Espero y puedan ayudarme por favor.