| Registrar a un usuario en un sitio Web con Visual Web JSF |
| Paso 3: Operativa |
Vista - RegistroUsuario.jsp - Agregar componente Message al lienzo
Para situar un mensaje de error en el lienzo, vamos a arrastrar el icono Message en dicho lienzo
En la propiedad id de la ventana Properties del componente Message, escribimos msgNombre.
Ahora vamos a asociar el mensaje de error al campo de texto. Para ello podemos
- seleccionar el mensaje de error y realizar la combinación de teclas Ctrl + shift y arrastrar con el ratón hasta alcanzar el campo de texto
- o bien en el combo que está a la derecha de la propiedad for, seleccionar el campo de texto nombre
Esta es la página JSP RegistroUsuario.jsp que ha ampliado el asistente de NetBeans
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:webuijsf="http://www.sun.com/webui/webuijsf"
>
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<f:loadBundle basename="paqregusuariovwjsf.Bundle" var="mensajes"/>
<webuijsf:page id="page1">
<webuijsf:html id="html1">
<webuijsf:head id="head1" title="Registro Usuaro">
<webuijsf:link id="link1" url="/resources/stylesheet.css"/>
</webuijsf:head>
<webuijsf:body id="body1" style="-rave-layout: grid">
<webuijsf:form id="form1">
<webuijsf:staticText id="stxRegistroUsuario"
style="left: 24px; top: 24px; position: absolute" text="#{mensajes.literal_registroUsurario}"
/>
<webuijsf:staticText id="stxCamposRequeridos"
style="left: 210px; top: 40px; position: absolute" text="#{mensajes.literal_camposRequeridos}"
/>
<webuijsf:label for="nombre"
id="lblNombre"
style="left: 28px; top: 80px; position: absolute" text="#{mensajes.literal_nombre}"
/>
<webuijsf:textField required="true"
id="nombre"
style="left: 28px; top: 100px; position: absolute"
/>
<webuijsf:message for="nombre" id="msgNombre"
showDetail="false" showSummary="true"
style="left: 28px; top: 123px; position: absolute"
/>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</f:view>
</jsp:root> |
- <webuijsf:message for="textField1" id="message1"
- el atributo for indica que el mensaje de validación msgNombre está asociado al campo de texto nombre
