1 2 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