Problèmes d'affichage avec la vérification d'un formulaire avec "Remote"

Problèmes d'affichage avec la vérification d'un formulaire avec "Remote"

bonjour,

lorsque je saisie dans le champ destiné à l'email :
- un email déjà sauvegardé en base, le contour rouge des autres champs disparaît anormalement
- un email structuré correctement et non en bases, le message "Adresse email déjà utilisée" s'affiche pendant quelques secondes, alors qu'il ne devrait pas

merci par avance de votre aide et voici mon code :

translation.tmx
  1. ...
  2.     <tu tuid="errorLBoxEmail">
  3.       <tuv xml:lang="fr_fr"><seg>Email incorrect</seg></tuv>
  4.       <tuv xml:lang="en"><seg></seg></tuv>
  5.     </tu>
  6.     <tu tuid="errorLBoxEmail2">
  7.       <tuv xml:lang="fr_fr"><seg>Adresse email déjà utilisée</seg></tuv>
  8.       <tuv xml:lang="en"><seg></seg></tuv>
  9.     </tu>
  10. ...
new.phtml
  1. ...
  2. <div class="registrationLBoxColLine inputLBox">
  3.                     <label  id="emailLBoxLabel" class="required text lBoxLabel"><?php echo $translation->_('email') ?> (*)</label>
  4.                     <input type="text" name="email" class="required email lBoxInput" id="emailLBoxInput" />
  5.                     <!--  Error  -->
  6.                     <label class="error" id="emailLBoxError" for="emailLBoxInput">
  7.                         <span class="errorLeft"></span>
  8.                         <span class="errorCenter" id="errorCenterEmailSpan"><?php echo $translation->_('errorLBoxEmail') ?></span>
  9.                         <span class="errorCenter2" id="errorCenter2EmailSpan"><?php echo $translation->_('errorLBoxEmail2') ?></span>
  10.                         <span class="errorRight"></span>
  11.                     </label>
  12.                 </div>
  13. ...
ooptic.js
...
  1. $("#formValidator").validate( {
  2.         rules : {
  3.             email : {
  4.                 required: true,
  5.                    email: true,
  6.                 remote : "/User/index/check-email"
  7.             }
  8.         },
  9.         messages : {
  10.             email : {
  11.                 required : function() {
  12.                     $('#errorCenter2EmailSpan').hide();
  13.                     $('#errorCenterEmailSpan').show();
  14.                 },
  15.                 email : function() {
  16.                     $('#errorCenter2EmailSpan').hide();
  17.                     $('#errorCenterEmailSpan').show();
  18.                 },
  19.                 remote : function() {
  20.                     $('#errorCenterEmailSpan').hide();
  21.                     $('#errorCenter2EmailSpan').show();
  22.                 }
  23.             }
  24.         },
  25.         ignoreTitle : true,
  26.         errorPlacement : function( error, element) {
  27.             error.remove();
  28.         },
  29.         submitHandler : function(form) {
  30.             $(form).ajaxSubmit( {
  31.                 beforeSubmit : function() {
  32.                     $(document).scrollTop(0); // Top position of lightbox
  33.                 // (loader)
  34.                 $('#progressBarDisplay').show();
  35.                 $('#newUserContent').hide();
  36.             },
  37.             success : function(datas) {
  38.                 if (datas == 0) {
  39.                     $('#progressBarDisplay').hide();
  40.                     $('#newUserContent').show();
  41.                 } else {
  42.                     $("#datas").html(datas);
  43.                     /*
  44.                      * Ce n'est pas la bonne méthode à voir ensemble car ça
  45.                      * duplique le JS
  46.                      */
  47.                     // $('.global').load("/");
  48.             }
  49.             Ooptic.User.formValidator();
  50.         }
  51.             });
  52.         }
  53.     });
...