Home Explore Help
Sign In
Artois
/
microfolie
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Suite gestion formulaire inscription

Arthur Brandao 5 years ago
parent
6a2092d9d1
commit
0312000d42
4 changed files with 56 additions and 15 deletions
Unified View Show Diff Stats
  1. 21 7
      WebContent/inscription.jsp
  2. 8 0
      WebContent/js/script.js
  3. 11 0
      src/microfolie/entry/form/Inscription-inscription-validation.xml
  4. 16 8
      src/microfolie/entry/form/Inscription.java

+ 21 - 7
WebContent/inscription.jsp
View File 

@@ -1,6 +1,7 @@
 
 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 
 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 
 	pageEncoding="UTF-8"%>
 
 	pageEncoding="UTF-8"%>
 
 <%@ taglib prefix="s" uri="/struts-tags"%>
 
 <%@ taglib prefix="s" uri="/struts-tags"%>
 
+<%@ taglib prefix="tag" tagdir="/WEB-INF/tags" %>
 
 
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
@@ -69,14 +70,14 @@
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="input-field col m6 s12">
 
                     <div class="input-field col m6 s12">
 
                     	<i class="material-icons prefix">person</i>
 
                     	<i class="material-icons prefix">person</i>
 
-                        <s:textfield id="pnom" name="prenom" label="Prenom*" class="validate" required="required" />
 
+                        <s:textfield id="pnom" name="prenom" class="validate" required="required" />
 
                         <label for="pnom">Pr&eacute;nom*</label>
 
                         <label for="pnom">Pr&eacute;nom*</label>
 
                         <span class="helper-text"></span>
 
                         <span class="helper-text"></span>
 
                         <s:fielderror fieldName="prenom" class="field-error hide" />
 
                         <s:fielderror fieldName="prenom" class="field-error hide" />
 
                     </div>
 
                     </div>
 
                     <div class="input-field col m6 s12">
 
                     <div class="input-field col m6 s12">
 
                     	<i class="material-icons prefix">account_circle</i>
 
                     	<i class="material-icons prefix">account_circle</i>
 
-                        <s:textfield id="nom" name="nom" label="Nom*" class="validate" required="required" />
 
+                        <s:textfield id="nom" name="nom" class="validate"  required="required" />
 
                         <label for="nom">Nom*</label>
 
                         <label for="nom">Nom*</label>
 
                         <span class="helper-text"></span>
 
                         <span class="helper-text"></span>
 
                         <s:fielderror fieldName="nom" class="field-error hide" />
 
                         <s:fielderror fieldName="nom" class="field-error hide" />
 
@@ -85,15 +86,16 @@
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="input-field col m6 s12">
 
                     <div class="input-field col m6 s12">
 
                     	<i class="material-icons prefix">wc</i>
 
                     	<i class="material-icons prefix">wc</i>
 
-                        <s:select id="genre" nom="genre" label="Genre*" list="getGenres()" required="required" />
 
+                        <s:select id="genre" name="genre" list="getGenres()" headerKey="" headerValue="Selectionnez une valeur" required="required" />
 
                         <label for="genre">Genre*</label>
 
                         <label for="genre">Genre*</label>
 
-                        <span class="helper-text"></span>
 
-                        <s:fielderror fieldName="genre" class="field-error hide" />
 
+                        <s:fielderror fieldName="genre" class="red-text" style="padding-left: 3em" />
 
                     </div>
 
                     </div>
 
                     <div class="input-field col m6 s12">
 
                     <div class="input-field col m6 s12">
 
                         <i class="material-icons prefix">cake</i>
 
                         <i class="material-icons prefix">cake</i>
 
-                        <input id="naissance" type="text" class="datepicker">
 
+                        <s:textfield id="naissance" name="naissance" class="validate datepicker"  required="required" />
 
                         <label for="naissance">Date de naissance*</label>
 
                         <label for="naissance">Date de naissance*</label>
 
+                        <span class="helper-text"></span>
 
+                        <s:fielderror fieldName="prenom" class="field-error hide" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
 
@@ -139,12 +141,15 @@
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col s12 center-align">
 
                     <div class="col s12 center-align">
 
-                    	<s:submit class="btn waves-effect waves-light btn red" value="Valider" />
 
+                    	<s:submit id="btn-valid" class="btn waves-effect waves-light btn red" value="Valider" />
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </s:form>
 
             </s:form>
 
         </div>
 
         </div>
 
     </main>
 
     </main>
 
+    
+    <!-- Loader -->
 
+    <tag:loader name="loader"/>
 
 
 
     <!-- Footer -->
 
     <!-- Footer -->
 
     <footer class="page-footer red">
 
     <footer class="page-footer red">
 
@@ -178,6 +183,15 @@
 
     <script type="text/javascript" src="js/jquery.min.js"></script>
 
     <script type="text/javascript" src="js/jquery.min.js"></script>
 
     <script type="text/javascript" src="js/materialize.min.js"></script>
 
     <script type="text/javascript" src="js/materialize.min.js"></script>
 
     <script type="text/javascript" src="js/script.js"></script>
 
     <script type="text/javascript" src="js/script.js"></script>
 
+    <script type="text/javascript">
 
+    	$(document).ready(() => {
 
+    		const loader = M.Modal.getInstance($('#loader'));
 
+    		
+    		$('#btn-valid').on('click', function() {
 
+    			loader.open();
 
+    		});
 
+    	});
 
+    </script>
 
 </body>
 
 </body>
 
 
 
 </html>
 
 </html>

+ 8 - 0
WebContent/js/script.js
View File 

@@ -155,5 +155,13 @@ $(document).ready(function(){
 
             weekdaysAbbrev:	['D','L','M','M','J','V','S']
 
             weekdaysAbbrev:	['D','L','M','M','J','V','S']
 
         }
 
         }
 
     });
 
     });
 
+    // Affichage des erreur struts
 
+    $('.field-error').each(function() {
 
+    	const error = $(this).children('ul li').children('span').html();
 
+    	const parent = $(this).parent();
 
+        parent.children('.helper-text').attr('data-error', error);
 
+        parent.children('.validate').addClass('invalid');
 
+    });
 
+
 
 
 
 });
 
 });

+ 11 - 0
src/microfolie/entry/form/Inscription-inscription-validation.xml
View File 

@@ -14,4 +14,15 @@
 
                 <message>Vous devez fournir votre prénom</message>
 
                 <message>Vous devez fournir votre prénom</message>
 
             </field-validator>
 
             </field-validator>
 
         </field>
 
         </field>
 
+        <field name="genre">
 
+        	<field-validator type="requiredstring">
 
+                <param name="trim">true</param>
 
+                <message>Vous devez indiquer votre genre</message>
 
+            </field-validator>
 
+        </field>
 
+        <field name="genre">
 
+        	<field-validator type="date">
 
+                <message>Vous devez fournir votre date de naissance</message>
 
+            </field-validator>
 
+        </field>
 
     </validators>
 
     </validators>

+ 16 - 8
src/microfolie/entry/form/Inscription.java
View File 

@@ -1,12 +1,17 @@
 
 package microfolie.entry.form;
 
 package microfolie.entry.form;
 
 
 
+import java.util.Date;
 
+
 
 import com.opensymphony.xwork2.ActionSupport;
 
 import com.opensymphony.xwork2.ActionSupport;
 
 
 
 public class Inscription extends ActionSupport {
 
 public class Inscription extends ActionSupport {
 
 
 
+	private static final long serialVersionUID = -8872053158311741161L;
 
+	
 	private String nom;
 
 	private String nom;
 
 	private String prenom;
 
 	private String prenom;
 
 	private String genre;
 
 	private String genre;
 
+	private Date naissance;
 
 
 
 	public String getNom() {
 
 	public String getNom() {
 
 		return nom;
 
 		return nom;
 
@@ -25,7 +30,7 @@ public class Inscription extends ActionSupport {
 
 	}
 
 	}
 
 
 
 	public String[] getGenres() {
 
 	public String[] getGenres() {
 
-		return new String[] { "", "Homme", "Femme", "Autre" };
 
+		return new String[] {"Homme", "Femme", "Autre" };
 
 	}
 
 	}
 
 
 
 	public String getGenre() {
 
 	public String getGenre() {
 
@@ -35,15 +40,18 @@ public class Inscription extends ActionSupport {
 
 	public void setGenre(String genre) {
 
 	public void setGenre(String genre) {
 
 		this.genre = genre;
 
 		this.genre = genre;
 
 	}
 
 	}
 
-
 
-	/**
 
-	 * 
-	 */
 
-	private static final long serialVersionUID = 1L;
 
-
 
+	
+	public Date getNaissance() {
 
+		return naissance;
 
+	}
 
+	
+	public void setNaissance(Date naissance) {
 
+		this.naissance = naissance;
 
+	}
 
+	
 	@Override
 
 	@Override
 
 	public String execute() throws Exception {
 
 	public String execute() throws Exception {
 
-		System.out.println(nom + " " + prenom);
 
+		System.out.println(nom + " " + prenom + " " + genre + " " + naissance);
 
 		return SUCCESS;
 
 		return SUCCESS;
 
 	}
 
 	}