index.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Change Address</title>
        <h:outputStylesheet library="css" name="style.css"/>
    </h:head>
    <h:body>
        <h1>Change address</h1>
        <h:form>
            <h:panelGrid columns="3" columnClasses="rightalign,leftalign"></h:panelGrid>
            <h:outputLabel value="First name" for="firstname" />
            <h:inputText id="firstname" label="First name" required="true" style="width:300px" value="#{indexController.firstname}"/>
            <h:message for="lastname" class="error-message"/>
            <h:outputLabel value="Last name" for="lastname" />
            <h:inputText id="lastname" label="Last name" required="true" style="width:300px" value="#{indexController.lastname}"/>
            <h:message for="lastname" class="error-message"/>
            <h:outputLabel value="First name" for="firstname" />
            <h:inputText id="address" label="Address" required="true" style="width:300px" value="#{indexController.address}"/>
            <h:message for="address" class="error-message"/>
            <h:outputLabel value="Zip code" for="code" />
            <h:inputText id="code" label="Zipcode" required="true" style="width:300px" value="#{indexController.code}"/>
            <f:validateLength minimum="4" maximum="4"/>
            </h:inputText>
            <h:message for="code" class="error-message"/>

            <h:outputLabel value="City" for="city"/>
            <h:inputText id="city" label="City" required="true" style="width:300px" value="#{indexController.city}"/>
            <h:message for="city" class="error-message"/>

            <h:outputLabel value="Email address" for="email"/>
            <h:inputText id="email" label="Email address" required="true" style="width:300px" value="#{indexController.email}"/>
            <h:message for="email" class="error-message"/>

            <h:outputLabel value="Change Date" for="date"/>
            <h:inputText id="date" label="Date" required="true" style="width:300px" value="#{indexController.date}"/>
            <f:validator validatorId ="dateValidator"/>

            <h:outputLabel value="Job title" for="title"/>
            <h:inputText id="title" label="Title" required="false" style="width:300px" value="#{indexController.title}"/>

            <h:panelGroup/>
            <h:commandButton value ="Send" action="#{indexController.add()}"/>
            <h:panelGrid>
                <a href="list.xhtml">Show address</a>
            </h:panelGrid>
        </h:form>
    </h:body>
</html>