Affichage des erreurs lors de la validation serveur

WebContent/inscription.jsp

@@ -67,20 +67,25 @@
                     <div class="input-field col m6 s12">
                     	<i class="material-icons prefix">person</i>
                         <s:textfield id="pnom" name="prenom" label="Prenom*" class="validate" required="required" />
-                        <label for="pnom">Pr&eacute;nom</label>
-                        <span class="helper-text" data-error="L'email est invalide" data-success=""></span>
+                        <label for="pnom">Pr&eacute;nom*</label>
+                        <span class="helper-text"></span>
+                        <s:fielderror fieldName="prenom" class="field-error hide" />
                     </div>
                     <div class="input-field col m6 s12">
                     	<i class="material-icons prefix">account_circle</i>
                         <s:textfield id="nom" name="nom" label="Nom*" class="validate" required="required" />
-                        <label for="nom">Nom</label>
+                        <label for="nom">Nom*</label>
+                        <span class="helper-text"></span>
+                        <s:fielderror fieldName="nom" class="field-error hide" />
                     </div>
                 </div>
                 <div class="row">
                     <div class="input-field col m6 s12">
                     	<i class="material-icons prefix">wc</i>
-                        <s:select nom="genre" label="Genre*" list="getGenres()" required="required" />
-                        <label>Genre*</label>
+                        <s:select id="genre" nom="genre" label="Genre*" list="getGenres()" required="required" />
+                        <label for="genre">Genre*</label>
+                        <span class="helper-text"></span>
+                        <s:fielderror fieldName="genre" class="field-error hide" />
                     </div>
                     <div class="input-field col m6 s12">
                         <i class="material-icons prefix">cake</i>

WebContent/js/script.js

@@ -98,5 +98,12 @@ $(document).ready(function(){
             weekdaysAbbrev:	['D','L','M','M','J','V','S']
         }
     });
+    
+    $('.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');
+    });
 
 });