Problème de validation du mot de passe ValidationEngine

Question

J'utilise jquery validationEngine pour la validation des formulaires. Mais je suis incapable de valider le formulaire vérifier le mot de passe. Il dit juste "les champs ne correspondent pas" pendant que je tape la même chose dans le mot de passe aussi bien que vérifie les champs de mot de passe. Voici mon code,

<link href="/js/jq_validation/validationEngine.jquery.css" rel="stylesheet" type="text/css" media="screen" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
<script src="/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine-en.js" type="text/javascript" ></script> 
<script src="/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine.js" type="text/javascript" ></script> 
<script> 
$(document).ready(function(){ 
    $(".test2").validationEngine(); 
}); 
</script> 


<!---<script src="{$strREQUEST_URI}/img/shop/local.glasses2020.co.uk/contents/js/jquery.validationEngine_old.js" type="text/javascript" ></script>--> 


     <form method="post" action="{$strSecureREQUEST_URI}/register?{$smarty.server.QUERY_STRING}" id="registerform1" name="registerform" class="test2"> 
      <div class="fname"> 
       <div class="txtl">Username:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="text" class="validate[required,length[0,100]] textfield" value="" name="user" id="user" data-errormessage-value-missing="* Username is required!" data-errormessage-custom-error="Let me give you a hint: someone.noone" /> 
        </div> 
      </div> 
      <div class="fname"> 
       <div class="txtl">Password:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="password" class="validate[required] text-input" value="" name="pass" id="password2" data-errormessage-value-missing="* Password is required!" /> 
        </div> 
      </div> 
      <div class="fname"> 
       <div class="txtl">Verify Password:<span style="color:red;">&nbsp;*</span></div> 
        <div class="field"> 
         <input type="password" class="validate[required,equals[password2]] text-input" value="" name="vpass" id="vpass" data-errormessage-value-missing="* Verification Password is required!" /> 
        </div> 
      </div> 
     </form> 

S'il vous plaît aidez-moi à résoudre le problème!

Answer 1

Je pense que votre

name="pass" id="password2" 

devrait être même comme

name="password2" id="password2" 

le mot de passe déposé. S'il vous plaît laissez-moi savoir si vous rencontrez un problème.

MISE À JOUR

le seul problème que je suis arrivé de votre code est

<input type="password" class="validate[required] text-input" value="" name="pass" id="password2" data-errormessage-value-missing="* Password is required!" /> 

devrait être comme

<input type="password" class="validate[required] text-input" value="" name="password2" id="password2" data-errormessage-value-missing="* Password is required!" /> 

Answer 2

OK. J'ai eu le problème. J'utilisais l'ancienne version des fichiers du moteur de validation. J'ai donc mis à jour mes fichiers et cela a fonctionné. De plus, Soyez prudent sur les formes et les éléments ID. Ils devraient être différents. En outre, en se référant à la réponse "Aritra Chakraborty" ci-dessus, le nom et l'id n'ont pas besoin d'être identiques. Faites attention à cela, Si vous avez plusieurs formulaires avec mot de passe et vérifiez les champs de mot de passe, assurez-vous que le nom devrait rester le même si plus d'un formulaire soumet au même lien et que les identifiants devraient être différents!

Answer 3

Pour vérifier confirmer le mot de passe et caractère minimum validation, vous pouvez utiliser

<input type="password" id="password" name="password" class="validate[required,minSize[8]]"/> 
<input type="password" id="confirm_password" name="confirm_password" class="validate[required,equals[password]]"/>