Vista - RegistroUsuario.jsp - Agregar componente email al lienzo

En este paso vamos a agregar al lienzo el campo de texto E-mail que va a estar asociado a una etiqueta y a un mensaje de validación.

Para cumplir nuestro objetivo, vamos a seguir los siguientes pasos.

1. Agregar Label lblEmail

Para situar una etiqueta en el lienzo, vamos a arrastrar el icono Label en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Label al lienzo

En la propiedad id de la ventana Properties del componente Label, escribimos lblEmail.

En el fichero paqegusuariovwjsf/Bundle.properties añadimos la llave

• literal_email

En la propiedad Text de la ventana Properties del componente Label, escribimos el valor de expresión (value expresssion) #{mensajes.literal_email}

2. Agregar campo de texto email

Para situar un campo de texto en el lienzo, vamos a arrastrar el icono Text Field en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Text Field al lienzo

En la propiedad id de la ventana Properties del componente Text Field, escribimos email.

En la propiedad columns de la ventana Properties del componente Text Field, escribimos 46.

Ahora vamos a asociar la etiqueta lblEmail con el campo de texto.

Debido a que es obligatorio que el usuario introduzca un valor en este campo de texto, vamos a marcar la casilla de verificación required.

3. Agregar componente Message msgEmail

Para situar un mensaje de error en el lienzo, vamos a arrastrar el icono Message en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Message al lienzo.

En la propiedad id de la ventana Properties del componente Message, escribimos msgEmail.

Y también asociamos el mensaje de error al campo de texto