Saltar la navegación

3.2.3.- JQuery4PHP (III).

Imagen de una lista de verificación.
original image pixabay (CC0)

Una de las características que cabe destacar de jQuery4PHP es su extensibilidad. Existen varias extensiones que se integran con la librería y permiten realizar de forma sencilla tareas adicionales a las que soporta el núcleo de la misma.

Por ejemplo, si en la página anterior quisiéramos integrar en etiquetas los mensajes de validación, el código necesario sería más complejo. De hecho, ya has visto que para mostrar los mensajes de alerta has tenido que utilizar código JavaScript mezclado con el código PHP.

Vamos a ver cómo podemos utilizar la extensión: "JqValidate" para realizar de forma mucho más sencilla y eficaz la validación del formulario anterior.

Para poder usar esta extensión en tus páginas has de:

  • Indicar a la librería jQuery4PHP que vas a usar la extensión:
    YsJQuery::usePlugin(YsJQueryConstant::PLUGIN_JQVALIDATE);
  • Incluir el código JavaScript necesario por la extensión, que en este caso concreto se corresponde con la extensión "Validate" de jQuery:
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.1/dist/jquery.validate.min.js"></script>
  • Cargar los mensajes de validación en idioma español (de no hacerlo, se mostrarán en inglés):
    echo YsJQueryAssets::loadScripts('jq4php-showcase/showcase/jquery4php-assets/js/plugins/bassistance/validate/localization/messages_es.js')->execute();

Como siempre, revisa las rutas y últimas versiones de las librerías del código anterior para ajustarlas a las tuyas.