| 12
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 
 | <?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://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Test for validation</title>
        <h:outputStylesheet library="css" name="main.css" />
    </h:head>
    <h:body>
 
        <div id="login-form">
            <p:focus /> 
            <h:form id="form">
                <fieldset>
                    <legend>
                        <h3><h:outputText value="Se connecter"/></h3>
                    </legend>
 
                    <div id="login-input">
                        <h:panelGrid id="panel" columns="3" border="0" columnClasses="td-label, td-inputText, td-validation">
 
                            <f:event listener="#{validationFormController.validateSamePasswordAndEmail}" type="postValidate" />
 
                            <h:outputLabel for="nom" value="Nom :" />
                            <h:inputText id="nom" value="#{validationFormController.nom}"
                                         required="true" requiredMessage="Nom obligatoire">
                                <f:ajax event="blur" render="nom-messages" />
                            </h:inputText>
                            <h:message id="nom-messages" for="nom" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" >
                            </h:message>
 
                            <h:outputLabel for="prenom" value="Prenom :" />
                            <h:inputText id="prenom" value="#{validationFormController.prenom}"
                                         required="true" requiredMessage="Prenom obligatoire" >
                                <f:ajax event="blur" render="prenom-messages" />
                            </h:inputText>
                            <h:message id="prenom-messages" for="prenom" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" />
 
 
                            <h:outputLabel for="email" value="Email :" />
                            <h:inputText rendererType="email" id="email" value="#{validationFormController.email}"
                                         required="true" requiredMessage="Email obligatoire">
                                <f:validator validatorId="emailValidator" />
                                <f:ajax event="blur" render="email-messages" />
                            </h:inputText>
                            <h:message id="email-messages" for="email" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" />
 
                            <h:outputLabel for="emailConf" value="Confirmer l'email :" />
                            <h:inputText rendererType="email" id="emailConf" value="#{validationFormController.emailConf}"
                                         required="true" requiredMessage="Veuillez confirmer votre email">
                                <f:ajax event="blur" render="emailConf-messages" />
                            </h:inputText>
                            <h:message id="emailConf-messages" for="emailConf" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" />
 
                            <h:outputLabel for="password" value="Password :" />
                            <h:inputSecret rendererType="" id="password" value="#{validationFormController.password}"
                                           required="true" requiredMessage="Password obligatoire" >
                                <f:validateLength minimum="6" maximum="12" />
                                <f:ajax event="blur" render="password-messages" />
                            </h:inputSecret>
                            <h:message id="password-messages" for="password" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" />
 
                            <h:outputLabel for="passwordConf" value="Confirmer le password :" />
                            <h:inputSecret id="passwordConf" value="#{validationFormController.password}"
                                           required="true" requiredMessage="Veuillez confirmer votre password">
                                <f:validateLength minimum="6" maximum="12" />
                                <f:ajax event="blur" render="passwordConf-messages" />
                            </h:inputSecret>
                            <h:message id="passwordConf-messages" for="passwordConf" styleClass="validationMessage" errorClass="errorMessage" infoClass="infoMessage"
                                       warnClass="warnMessage" />
 
                        </h:panelGrid>
                        <div id="button-div">
                            <div class="button-container">
                                <h:commandButton type="submit" action="#{validationFormController.login}" value="Connexion" />
                            </div>
                            <div class="button-container">
                                <h:commandButton id="reset" immediate="true" value="Reset" action="#{validationFormController.clearForm}"/>  
                            </div>
                        </div> 
 
                    </div>
                </fieldset>
            </h:form>
        </div>
    </h:body>
</html> | 
Partager