« 뒤

Liferay 6.1, validación en formularios desarrollados con Alloy UI

Introducción

La biblioteca de etiquetas JSP aui nos permite, entre otras cosas, desarrollar formularios HTML de una forma rápida y elegante. Para manejar esta biblioteca tendremos que añadir en nuestras páginas JSP la siguiente línea:

<%@ taglib uri="http://alloy.liferay.com/tld/aui" prefix="aui"%>

 

De esa forma podemos crear formularios:

<%@ taglib uri="http://alloy.liferay.com/tld/aui" prefix="aui"%>
...

<aui:form action="<%= editArticleActionURL %>"  enctype="multipart/form-data" method="post" name="fm1">

  ...

</aui:form>

 

Esta biblioteca nos permite trabajar con formularios, botones, campos de texto, etc. Uno de los procesos más importantes cuando trabajamos con formularios es la posibilidad de definir validaciones sobre los campos de dicho formulario. La biblioteca Alloy UI nos ofrece una etiqueta JSP que nos permite resolver este proceso.

Validación de formularios, aui:validator

La etiqueta validator nos permite desencadenar procesos de validación sobre los campos de un formulario:
 

...
<aui:input bean="<%= article %>" model="<%= JournalArticle.class %>" 
label="name" name="title" >
     <aui:validator name=”required” />
</aui:input>
...

 

El atributo name determina qué validación debemos realizar y el atributo errorMessage, como su nombre indica, el mensaje de error a generar si la validación no es correcta. El atributo name puede tomar los siguientes valores:

  1. alpha o alphanum: sólo caracteres o alfanumérico.
  2. date: sólo acepta fechas.
  3. digits o numbers: sólo acepta números positivos o sólo acepta números.
  4. email.
  5. min, minLenght, max, maxLenght.
  6. range, rangeLenght.
  7. required, url.
  8. custom: se pueden definir validaciones personalizadas.

Y además se puede definir una cadena de validadores sobre el mismo campo:

<aui:input bean="<%= article %>" model="<%= JournalArticle.class %>" 
label="name" name="title" >
  <aui:validator name=”required” />
  <aui:validator name=”numbers” />
</aui:input>

Conclusión

Se recomienda el uso de este tipo de validación en nuestros formularios, aunque, por supuesto, sin olvidar los procesos de validación en servidor.

비평
Trackback URL:

comments powered by Disqus